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.这对我来说没问题。

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

2 个答案: