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