带有百分比值的Chart.js条形图 [英] Chart.js Bar graph with percentage values

问题描述

我想制作一个在y轴上具有百分比值的图表，但我在文档中找不到任何选项。请提出一些答案

I want to make a chart which has percentage values on y-axis but I'm not able to find any options in document. Please suggest some answers

推荐答案

您可以执行以下操作：

如果您知道代表数据集中100％的绝对值，则可以将其传递给选项对象：

If you know the absolute value that represents 100% in your dataset, you can pass this to your options object:

    scales: {
  yAxes: [
    {
      ticks: {
        min: 0,
        max: this.max,// Your absolute max value
        callback: function (value) {
          return (value / this.max * 100).toFixed(0) + '%'; // convert it to percentage
        },
      },
      scaleLabel: {
        display: true,
        labelString: 'Percentage',
      },
    },
  ],
},

这篇关于带有百分比值的Chart.js条形图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！