javascript - 将自定义数据比例添加到 Chart.js

Question

我在 Chart.js 中使用基本图表 - 我想知道是否可以在我的轴上使用自定义比例，例如我想要我的数据点以 0-10 的数据比例绘制。这可能吗？

<canvas id="myChart" width="150" height="150"></canvas>
<script>
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'radar',
    data: {
        labels: ["Staying well", "Looking after yourself", "Where you live", "Feeling safe and being listened to", "Making decisions and managing money", "How you feel"],

        datasets: [{
            label: "Careplan",
            backgroundColor: "rgba(179,181,198,0.2)",
            borderColor: "rgba(179,181,198,1)",
            pointBackgroundColor: "rgba(179,181,198,1)",
            pointBorderColor: "#fff",
            pointHoverBackgroundColor: "#fff",
            pointHoverBorderColor: "rgba(179,181,198,1)",
            data: [5, 8, 9, 4, 6, 6, 5]
        }]
    },
});
</script>

Answer 1

查看我的问答HERE

您需要设置scaleSteps、scaleStepWidth 和scaleStartValue。在上面的例子中是:

scaleSteps: 4,
scaleStepWidth: 5,
scaleStartValue: 0

总共有 20 个，有 4 行通过。您可以尝试使用这些值来获得所需的效果。