I'm trying to configure a c3gauge chart but I would like to show the threshold values in the chart (outside labels with the color would be nice) just to realize how far the value is from the next level.

Any one can help me?

This is the gauge now:

This is what I expect:

I'm trying to configure a c3gauge chart but I would like to show the threshold values in the chart (outside labels with the color would be nice) just to realize how far the value is from the next level.

Any one can help me?

This is the gauge now:

This is what I expect:

• javascript
• c3.js
• gauge

• 2 Hard to know what you're wanting from that question. Could you rephrase/elaborate? – Sean Commented May 12, 2015 at 16:31

1 Answer 1

There is no specific option in c3.js Gauge chart to draw thresholds lines and legends, so I thought to use d3.js to add them to chart on rendered event:

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

Check this jsfiddle for plete example: https://jsfiddle/beaver71/032tcczg/

Output obtained looks like below:

and: