如何使用chart.js创建一个y轴为0到100的雷达图？

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

我使用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, 
      } 
};

来源

2016-10-19 TJS UK

我在2.2.1上测试了这个，不知道他们是否有你的版本的Min/Max。

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
Codepen：Chart.js Radar Chart

来源

2016-10-20 02:17:14 Keno

谢谢。我有一种感觉，对此必须有一个简单的回应。我会看看它是否适用于我的版本，或者只是升级它，并确保它不会崩溃。 –

如何使用chart.js创建一个y轴为0到100的雷达图？

回答

相关问题