dc.js条形图的阈值/颜色带

时间:2014-07-16 00:36:17

标签: javascript graph charts bar-chart dc.js

我正在尝试在dc.js中获取条形图,以在背景中显示阈值着色/色带。例如,在x轴值为0到100的图表上,值为0-50的背景为白色,51-75为黄色,76-100为红色。据我所知,在dc中没有任何内置功能,所以我想到了三个解决方法:

  1. 手动更改图表的svg
  2. 创建另一个充当背景的条形图并组成两个图表
  3. 创建一个用作背景的区域图表并组成两个图表
  4. 这些似乎都不是一个特别理想的解决方案,所以我想知道是否还有另一种方式让我失踪。如果没有,哪一个可能效果最好/最简单的弹性x轴?

1 个答案:

答案 0 :(得分:0)

结束只需使用d3选择和chart.chartBodyG()结合一些数学手动将彩色矩形添加到svg。为了使用弹性x轴进行更新,我只删除了之前绘制的所有矩形,然后重新绘制它们。在过渡期间并不是特别漂亮,但它确实有效。