Show color thresholds in c3.js gauge

Question

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:

Kiyokokiyoshi

Hard to know what you're wanting from that question. Could you rephrase/elaborate? – Pauper

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 complete example: https://jsfiddle.net/beaver71/032tcczg/

Output obtained looks like below:

and:

Dunlin

@Martina, Is this proposal suitable for you? – Dunlin