ChartJS：图表不显示所有数据答案

【问题标题】：ChartJS: chart not show all dataChartJS：图表不显示所有数据
【发布时间】：2017-06-02 22:52:41
【问题描述】：

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

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

有人知道为什么会这样吗？

【问题讨论】：

它没有显示它，因为 y 轴从 4 开始，从底部开始。你可以看到它，如果你设置：xAxes: [{ display: true }]

标签： javascript jquery chart.js

【解决方案1】：

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

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

更新笔：http://codepen.io/anon/pen/LxxVBp?editors=0010

【讨论】：

不错！我以为默认是零。

【解决方案2】：

图表上的 y 尺度至少为 4。您最后 2 点的值为 4，因此未显示。将最小值设置为 0，或者至少小于 4，它们就会显示出来。

【讨论】：