javascript - 如何使用 Chart.js 创建 y 轴为 0 到 100 的雷达图？

Question

我目前正在使用 Chart.js 将我的数据显示为雷达图。我面临的问题是，每次向页面添加数据时，它都会将最大值设置为表中的最高值。我需要它从 0 到 100 的 Y 轴开始。

我正在使用 Chart.js v 2.1.2

这是图表和图表的配置代码:

myRadar = new Chart(document.getElementById("canvas"), config);

var config = {
  type: 'radar',
  data: radarChartData,

  options:
      {
          responsive: false,
          maintainAspectRadio: true,
          legend: {
            position: 'top',
            },
          title: {
              display: true,
              text: 'Radar Chart'
              },
          scale: {
              reverse: false,
              ticks: {
                  beginAtZero: true,
                  },
              pointLabels: {
                  callback: function (pointLabel) {
                      if (pointLabel.length > 10)
                      return pointLabel.substring(0, 10) + '...';
                      else
                      return pointLabel
                      }
                  }

           },
           scaleOverride: true,
           scaleSteps: 5,
           scaleStepWidth: 20,
           scaleStartValue: 100,
           }
};

Answer 1

我在 2.2.1 上对此进行了测试，不确定他们是否有适合您的版本的最小/最大。

ticks: {
   max:100, // Set it to your Max value
   min: 0, // You can also change the Min
   beginAtZero: false, // in case you change the Min
}, // etc 

文档:tick configuration
代码笔:Chart.js Radar Chart