2015-05-12 14 views
18

Próbuję skonfigurować wykres skrajni , ale chciałbym pokazać wartości progowe na wykresie (etykiety zewnętrzne z kolorem byłyby ładne) tylko po to, aby zdać sobie sprawę, jak daleko wartość jest z następnego poziomu.Pokaż progi kolorów w mierniku c3.js

Ktoś może mi pomóc?

Jest to miernik teraz:

Gauge Now

To jest to, czego oczekuję:

Wished gauge

+2

Trudno poznać chcesz od Ciebie Mam to pytanie. Czy mógłbyś przeformułować/rozwinąć? – Sean

Odpowiedz

4

Nie ma określonej opcji w c3.js wykres Gauge zwrócić progi linie i legendy, więc pomyślałem, aby użyć d3.js, aby dodać je do wykresu na rendered ev ENT:

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

Sprawdź to jsfiddle kompletnych przykład: https://jsfiddle.net/beaver71/032tcczg/ uzyskane

Wyjście wygląda jak poniżej:

enter image description here

oraz:

enter image description here

+0

@Martina, Czy ta propozycja jest dla Ciebie odpowiednia? – beaver