Подтвердить что ты не робот

Показывать пороговые значения цвета в c3.js gauge

Я пытаюсь настроить c3, но я хотел бы показать пороговые значения в диаграмме (внешние метки с цветом были бы хороши), чтобы понять, насколько далеко значение находится на следующем уровне.

Кто-нибудь может мне помочь?

Теперь это показатель:

Gauge Now

Это то, что я ожидаю:

Wished gauge

4b9b3361

Ответ 1

В таблице c3.js нет специальной опции для рисования линий и легенд порогов, поэтому я решил использовать d3.js, чтобы добавить их в диаграмму на rendered событие:

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

Отметьте этот jsfiddle для полного примера: https://jsfiddle.net/beaver71/032tcczg/

Полученный результат выглядит следующим образом:

введите описание изображения здесь

и

введите описание изображения здесь