在c3.js规格中显示颜色阈值

Question

我正在尝试配置一个c3规格图,但我想在图表中显示阈值(带有颜色的外部标签会很好)只是为了实现该值与下一级的距离.

任何人都可以帮助我吗？

现在这是衡量标准:

这就是我的期望:

Answer 1

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

onrendered: function() {
    drawThresholds(this, thresholdOpts, opts);
}

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

获得的输出如下所示:

和: