图表js：如何更改Y轴的值？

Question

如何在Chart.js v2中将°C添加到Y轴？这些值由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'
            }

        }

Answer 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