3

[更新：这可能已在版本 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>

任何想法都非常感谢。

4

0 回答 0