2015-01-12 13 views
12

Chart.js (documentation), veri kümelerinin çizelgenin adını (başlık), örneğin x ekseninin adını (ör. Günler) ve y ekseninin adını (ör. Sıcaklık) belirlemesine olanak sağlar. Yoksa bunu css ile çözmeliyim?Chart.js'de grafik başlığı, x ekseni adı ve y ekseni ayarlandı mı?

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

} 

Yardımlarınız için teşekkürler.

Chart.js sürüm 2.0
+0

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

cevap

49

, eksenler için etiketleri ayarlamak mümkündür:

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

fazla ayrıntı için scales documentation bakınız.

+0

sayesinde benim için çalışıyor ... – chetan

0

sadece bu kullanın: Başvuru için

<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

Ben Chart_2.5.0.min kullanıyorum .js burada olabilir: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js –

İlgili konular