2015-01-12 21 views
12

Chart.js(documentation)には、チャートの名前(タイトル)(たとえば、私の都市の気温)、x軸の名前(例:日)、y軸の名前(例:気温)を設定するためのオプションがあります。あるいは、私はCSSでこれを解決する必要がありますか?Chart.jsでは、チャートのタイトル、x軸と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] 
     } 
    ] 

} 

Really thanks for help。 Chart.jsバージョン2.0では

+0

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

答えて

49

、軸のラベルを設定することが可能である:

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

は詳細についてscales documentationを参照してください。

+0

おかげで、それは私の作品... – chetan

0

だけで、これを使用します。参考のため

<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

を私はChart_2.5.0.minを使用しています.jsはここにあります:https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js –

関連する問題