Question

[更新：这可能已在2.1.5版本中修复]

在Chart.js版本1中，我曾经能够在雷达图上设置刻度线之间的间距。所需的行为是从0到100的行，步长为5.我使用了以下版本1选项：

{
    scaleOverride: true,
    scaleStartValue: 0,
    scaleSteps: 20,
    scaleStepWidth: 5
}

自升级到版本2（2.1.4）后，我似乎无法获得相同的行为。下面是一张基于雷达图表文档的最小图表，我最好猜测它应该如何工作。 stepSize参数似乎被忽略了。

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
    <title>Radar Chart Test</title>
    <script src="Chart.js"></script>        
  </head>
  <body>
  <canvas id="myChart" width="400px" height="400px"></canvas>
<script>
var ctx = document.getElementById("myChart").getContext("2d");
var data = {
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset",
            data: [65, 59, 90, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            data: [28, 48, 40, 19, 96, 27, 100]
        }
    ]
};

var myChart = new Chart(ctx, {
    type: 'radar',
    data: data,
    options: {
            scale: {
                ticks: {
                    min: 0,
                    max: 100,
                    stepSize: 5,
                }
            }
    }
});
</script>
  </body>
</html>

任何想法都非常感激。

在雷达图Chart.js版本2

0 个答案: