2015-05-12 14 views
18

Sto provando a configurare un grafico di gauge ma vorrei mostrare i valori di soglia nel grafico (al di fuori delle etichette con il colore sarebbe bello) solo per capire quanto è lontano il valore è dal livello successivo.Mostra soglie di colore nel calibro c3.js

Qualcuno può aiutarmi?

Questo è l'indicatore ora:

Gauge Now

Questo è quello che mi aspetto:

Wished gauge

+2

difficile sapere che cosa stai volendo m quella domanda Potresti riformulare/elaborare? – Sean

risposta

4

Non esiste alcuna opzione specifica c3.js grafico Gauge disegnare soglie linee e legende, quindi ho pensato di usare d3.js per aggiungerli al grafico su rendered ev ent:

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

Scegli questa jsfiddle per esempio completo: https://jsfiddle.net/beaver71/032tcczg/ sguardi

uscita ottenuti come di seguito:

enter image description here

e:

enter image description here

+0

@ Martina, questa proposta è adatta a te? – beaver