如何使用Chart.js的百分比刻度

时间:2016-10-31 09:52:55

标签: javascript chart.js

我试图在文档中查找它(我在其他地方发现的所有示例都不再起作用,可能是由于早期版本的过时语法)如何使用" scaleLabel",但它引用了带有不存在的链接的缩放标题配置(不再): http://www.chartjs.org/docs/#scale-title-configuration

有人可以提供一个有效的例子吗?

1 个答案:

答案 0 :(得分:36)

如果您在文档中向下滚动,则缩放标题配置是标题。

这是一个简单的条形图示例,使用scaleLabel进行了轻微修改以说明百分比。

https://jsfiddle.net/r71no58a/4/

scales: {
   yAxes: [{
       ticks: {
           min: 0,
           max: 100,
           callback: function(value) {
               return value + "%"
           }
       },
       scaleLabel: {
           display: true,
           labelString: "Percentage"
       }
   }]
}