如何将chartjs条形图刻度设置为结果数据中的最高值

Question

您好，我正在为条形图使用 chartjs。我有这样的数据

var barData = {
labels : ["January","February","March","April","May","June"],
datasets : [
    {
        fillColor : "#48A497",
        strokeColor : "#48A4D1",
        data : [45,47,124,56,70,60]
    }
]
};

如果我们看到这个最高值的数据是124，但是刻度会在最高处显示45。怎么设置是按照最高值？

Answer 1

我从数据中获取了最大值并将其除以 ScaleSteps 并设置为 scaleStepWidth 因此它成为自定义比例到我的最高值。

 var myBarChart = new Chart(document.getElementById("id").getContext("2d")).Bar(BarChart, {
    animation: false,
    scaleOverride: true,
    scaleSteps: 10,
    scaleStartValue: 0,
    scaleStepWidth: 20
});

现在 Sacle 将为 0 到 200。这对我来说没问题。

Answer 2

有一个更简单的解决方法可以做到这一点。只需将 null 添加到数据数组的末尾，就像这样

var barData = {
    labels: ["January", "February", "March", "April", "May", "June"],
    datasets: [
        {
            fillColor: "#48A497",
            strokeColor: "#48A4D1",
            data: [45, 47, 124, 56, 70, 60, null]
        }
    ]
};

如何将chartjs条形图刻度设置为结果数据中的最高值

How to set the chartjs bar graph scale to the highest value in the result data

chart.js