在c3.js中显示颜色阈值

时间:2015-05-12 06:18:55

标签: javascript c3.js gauge

我试图配置一个计量表,但我想在图表中显示阈值(带有颜色的外部标签会很好)只是为了实现该值的距离下一个级别。

任何人都可以帮助我?

这是现在的衡量标准:

Gauge Now

这就是我的期望:

Wished gauge

1 个答案:

答案 0 :(得分:5)

c3.js Gauge图表中没有特定选项来绘制阈值线和图例,因此我想使用 d3.js 将它们添加到{ {1}}事件:

rendered

检查此jsfiddle以获取完整示例:https://jsfiddle.net/beaver71/032tcczg/

获得的输出如下所示:

enter image description here

enter image description here