2016-09-15 84 views
0

adding temperature to the y axis圖表js:如何更改Y軸的值?

如何在Chart.js v2中向Y軸添加°C?這些值由Chart.js庫自動生成。

這是我的代碼:

 var chartInstance = new Chart(ctx, { 
     type: 'bar', 
     data: data, 
     options: { 
      scales: { 
       yAxes: [{ 
        ticks: { 
         beginAtZero:false 
        }, 
        scaleLabel: { 
         display: true, 
         labelString: 'Temperature' 
        } 
       }] 
      }, 

      title: { 
       display: true, 
       text: 'Weather Graph' 
      } 

     } 

回答

1

爲了改變在圖表上的y軸的標籤,你可以補充一點:

... 
yAxes: [{ 
    ticks: { 
     beginAtZero:false 
    }, 
    scaleLabel: { 
     display: true, 
     labelString: 'Temperature' 
    }, 
    afterTickToLabelConversion : function(q){ 
     for(var tick in q.ticks){ 
      q.ticks[tick] += '\u00B0C'; 
     } 
    } 
}] 
... 

在此功能中,afterTickToLabelConversion,你可以修改chart.js中y軸上的標籤。他們被稱爲蜱:http://codepen.io/anon/pen/NRAzmN

+0

這正是我正在尋找。謝謝 – Roman