javascript - 如何在 Chart.js 中使用百分比刻度

标签 javascript chart.js

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

有人可以提供一个工作示例吗?

最佳答案

如果您在文档中向下滚动,则比例标题配置是一个标题。

这是一个简单的条形图示例,使用经过轻微修改的 scaleLabel 来说明百分比。

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

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

关于javascript - 如何在 Chart.js 中使用百分比刻度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40339834/

相关文章:

javascript - 如何在 chart.js 中将对数刻度分配给 y 轴?

javascript - 如何使 chart.js 图表中的 x 轴从 0 开始?

javascript - 使用 jQuery 为什么文档不作为字符串传递?

php - 如何突出显示 HTML 内容并将其保存到数据库以供将来加载

javascript - 如何使用正则表达式限制 0 - 100 并且在 Javascript 中不输入空白?

javascript - Dojo slider 设置值问题

javascript - Google Apps 脚本 - 从另一个工作表导入工作表值

chart.js - 带间隙的水平堆积条

chart.js - 在 bar chartjs 报告中,零值被跳过,因此条形图无效

javascript - 改变 Canvas 的大小使其模糊