ChartJS:图表未显示所有数据

时间:2017-01-18 14:03:21

标签: javascript jquery chart.js

由于某种原因,此图表不显示数组中的最后两个数据。

var data = {
    labels: ["Brasil", "Argentina", "Chile", "Paraguai", "Peru", "Bolívia", "México"],
    datasets: [{
        data: [ 9.19, 7.77, 6.80, 6.23, 6.00, 4.00, 4.00 ],
        backgroundColor: backgroundColor
    }],
};

http://codepen.io/marcelo2605/pen/PWWqJm?editors=0010

任何人都知道为什么会发生这种情况?

2 个答案:

答案 0 :(得分:4)

您需要将Y轴设置为从0开始,默认情况下,它以数据集中存在的最小值开始,在您的情况下为4。由于最后2列的值为4,因此不可见。

 yAxes: [{
            ticks: {
                beginAtZero: true
            }
        }]

更新了Pen:http://codepen.io/anon/pen/LxxVBp?editors=0010

答案 1 :(得分:0)

图表上的y比例至少为4。 最后2点的值为4,因此不会显示。 将min设置为0,或者至少小于4,它们将显示。

相关问题