2015-01-12 21 views
12

Chart.js (documentation) ha l'opzione per i set di dati per impostare nome (titolo) del grafico (ad esempio Temperatura nella mia città), nome dell'asse x (ad esempio giorni) e nome dell'asse y (ad esempio Temperatura). O dovrei risolvere questo con i CSS?In Chart.js è stato impostato il titolo del grafico, il nome dell'asse xe l'asse y?

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] 
     } 
    ] 

} 

Grazie davvero per l'aiuto.

+0

per il riferimento - http://stackoverflow.com/a/38299304/1374554 – Jaison

risposta

49

In Chart.js versione 2.0, è possibile impostare le etichette per gli assi:

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

Vedere scales documentation per maggiori dettagli.

+0

grazie funziona per me ... – chetan

0

basta usare questo:

<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

sto usando Chart_2.5.0.min .js puoi averlo qui: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js –