在 c3.js 仪表中显示颜色阈值

【问题标题】：Show color thresholds in c3.js gauge在 c3.js 仪表中显示颜色阈值
【发布时间】：2015-05-12 06:18:55
【问题描述】：

我正在尝试配置c3gauge 图表，但我想在图表中显示阈值（带有颜色的外部标签会很好）只是为了了解该值与下一个级别的距离。

谁能帮帮我？

这是现在的仪表：

这是我所期望的：

【问题讨论】：

【解决方案1】：

c3.js仪表图表中没有特定的选项来绘制阈值线和图例，所以我想使用d3.js将它们添加到@上的图表中987654326@事件：

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

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

得到的输出如下：

和：

【讨论】：