首页 文章

更改dc.js图表颜色

提问于
浏览
3

为什么所有dc.js图表都是蓝色的?我该如何改变呢?经过dc.css,没有看到太多蓝色的使用!

我尝试更改了很多的 fill 属性 . 我唯一成功的是条形图 . 仍然没有饼图的线索 .

1 回答

  • 6

    dc.js中的颜色(通常是d3中的颜色)是根据数据动态计算的,这就是您通常不会在CSS中找到它们的原因 . 这需要一些人习惯 .

    在条形图的情况下,颜色基于堆栈编号 . 在饼图中,它们基于饼图切片 .

    然后他们通过d3比例来分配实际颜色 . 通常,您希望使用chart.ordinalColors将色标替换为具有您自己颜色的色标 .

    所以,例如使用其中一个colorbrewer调色板:

    chart.ordinalColors(['#e41a1c','#377eb8','#4daf4a','#984ea3','#ff7f00','#ffff33','#a65628']);
    

相关问题