2015-01-12 7 views
12

क्या चार्ट.जेएस (documentation) चार्टसेट के नाम (शीर्षक) (जैसे मेरे शहर में तापमान), एक्स अक्ष (उदा। दिन) का नाम और वाई अक्ष (उदा। तापमान) का नाम सेट करने के लिए डेटासेट के लिए विकल्प है। या मुझे इसे सीएसएस के साथ हल करना चाहिए?चार्ट.जेएस में चार्ट शीर्षक, एक्स अक्ष और वाई धुरी का नाम सेट करें?

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

} 

रेली मदद के लिए धन्यवाद।

+0

संदर्भ के लिए - http://stackoverflow.com/a/38299304/1374554 – Jaison

उत्तर

49

Chart.js संस्करण 2.0 में, यह कुल्हाड़ियों के लिए लेबल सेट करने के लिए संभव है:

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 –

संबंधित मुद्दे