如何将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

有一个更简单的解决方法。只需将null添加到数据数组的末尾，如下所示

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

Answer 2

我已经从数据中获取了最大的值，并将其与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。