无法在Charts.js v2.1.4上使y轴从零开始

时间:2016-06-01 16:04:15

标签: chart.js

使用以下代码生成图表时,即使设置该选项,我也无法将比例设置为零开始。

以下是代码(JSFiddle

var simpleChart = new Chart(document.getElementById('chart'), {
    type: 'bar',
    data: {
      labels: ['Online', 'Offline'],
      datasets: [{
        label: "# of servers",
        data: [1, 7],
        backgroundColor: [
            '#009245',
            '#c02a31'
        ]
      }]
    },
    options: {
        title: {
            display: false
        },
        scales: {
            yAxes: [{
                beginAtZero: true
            }]
        }
    }
});

这是一个错误吗?我该怎么做才能将比例设置为真正从0开始?

另外,如何禁止呈现"# of servers"标签?

1 个答案:

答案 0 :(得分:9)

我遇到了同样的问题。您必须在yAxes定义中定义“ticks”:

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

更新了小提琴:https://jsfiddle.net/r90Ljzvo/5/