2014-07-11 15 views
31

Sto attraversando un periodo difficile per capire come ottenere etichette, legende e titoli visualizzati nel grafico a linee Chart JS. Ho copiato il codice direttamente da example (riprodotto di seguito). Tuttavia, l'etichetta "My First dataset" non viene visualizzata in nessun punto del grafico e quindi non è possibile stabilire quale sia la linea. Ho anche provato ad aggiungere un "titolo" ai miei set di dati, ma senza fortuna. Qualcuno sa cosa mi manca?ChartJS: come ottenere etichette, legenda, titolo da mostrare?

var data = { 
labels: ["January", "February", "March", "April", "May", "June", "July"], 
datasets: [ 
    { 
     label: "My First dataset", 
     fillColor: "rgba(220,220,220,0.2)", 
     strokeColor: "rgba(220,220,220,1)", 
     pointColor: "rgba(220,220,220,1)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(220,220,220,1)", 
     data: [65, 59, 80, 81, 56, 55, 40] 
    }, 
    { 
     label: "My Second dataset", 
     fillColor: "rgba(151,187,205,0.2)", 
     strokeColor: "rgba(151,187,205,1)", 
     pointColor: "rgba(151,187,205,1)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(151,187,205,1)", 
     data: [28, 48, 40, 19, 86, 27, 90] 
    } 
]}; 

Grazie, Saswat

+0

Sono anche in grado di ottenere le etichette per presentarsi quando si utilizza il codice predefinito. Per accedere alla legenda, lo sto facendo: $ (elemento) .parent(). Append (myNewChart.generateLegend()); (dove myNewCart è la variabile che ho usato durante la creazione del grafico – Phil

+0

Un altro commento Dopo aver distillato e creato un violino, le etichette appaiono come previsto, quindi per me deve esserci qualche altro codice che interferisce. non riesco a immaginare cosa potrebbe essere, però, il codice pertinente nel mio sito di produzione è esattamente lo stesso del mio violino, eppure il violino mostra le etichette. Hrmmmm ... – Phil

+0

potrebbe essere utile http://stackoverflow.com/questions/24510278/chart-js-multitooltip-labels – CRABOLO

risposta

49

nell'opzione aggiungere questo parametro

multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>" 
+0

Bloccato con un problema simile a questo. Gentilmente aiuto. http://stackoverflow.com/questions/39279205/how-to-display-sign-on-mouse-hover-in-pie-chart – Unbreakable

+0

Grazie per la risposta perfetta – Vivek

Problemi correlati