2015-01-12 6 views
12

Hat Chart.js (documentation) eine Option für Datensätze, um den Namen (Titel) des Diagramms (z. B. Temperatur in meiner Stadt), den Namen der x-Achse (z. B. Tage) und den Namen der y-Achse (z. B. Temperatur) festzulegen. Oder sollte ich das mit CSS lösen?In Chart.js Diagrammtitel, Name der X-Achse und Y-Achse?

var lineChartData = { 
    labels : ["January","February","March","April","May","June","July"], 
    datasets : [ 
     { 
      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 : [data] 
     } 
    ] 

} 

Wirklich danke für Hilfe.

+0

Für die Referenz - http://stackoverflow.com/a/38299304/1374554 – Jaison

Antwort

49

In Chart.js Version 2.0 ist es möglich, Etiketten für die Achsen einzustellen:

options = { 
    scales: { 
    yAxes: [{ 
     scaleLabel: { 
     display: true, 
     labelString: 'probability' 
     } 
    }] 
    }  
} 

scales documentation Siehe für weitere Details.

+0

Dank es funktioniert für mich ... – chetan

0

nur verwenden:

<script> 
    var ctx = document.getElementById("myChart").getContext('2d'); 
    var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels: ["1","2","3","4","5","6","7","8","9","10","11",], 
     datasets: [{ 
     label: 'YOUR LABEL', 
     backgroundColor: [ 
      "#566573" 
      "#99a3a4", 
      "#dc7633", 
      "#f5b041", 
      "#f7dc6f", 
      "#82e0aa", 
      "#73c6b6", 
      "#5dade2", 
      "#a569bd", 
      "#ec7063", 
      "#a5754a" 
     ], 
     data: [12, 19, 3, 17, 28, 24, 7, 2,4,14,6],    
     },] 
    }, 
    //HERE COMES THE AXIS Y LABEL 
    options : { 
     scales: { 
     yAxes: [{ 
      scaleLabel: { 
      display: true, 
      labelString: 'probability' 
      } 
     }] 
     } 
    } 
    }); 
</script> 
+0

Ich verwende Chart_2.5.0.min .js können Sie es hier haben: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js –