Chart 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

Chart js：如何更改 Y 轴的值？

Chart js: How to change value for Y Axis?

jquery

graph

chart.js2