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

【问题标题】：Chart js: How to change value for Y Axis?图表 js：如何更改 Y 轴的值？
【发布时间】：2016-09-15 09:11:55
【问题描述】：

如何在 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'
            }

        }

【问题讨论】：

标签： jquery graph chart.js2

【解决方案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

【讨论】：

这正是我想要的。谢谢