图表js数据从零开始

时间:2017-06-03 17:09:59

标签: chart.js react-chartjs

我是如何设置数据的:

$(form).submit(handler)

但是第一个元素设置了轴的开头:

enter image description here

但我希望它从零开始

添加以下内容并没有帮助:

    const data = {
        labels: ['February', 'March'],
        datasets: [
            {
                label: 'My First dataset',
                backgroundColor: 'rgba(255,99,132,0.2)',
                borderColor: 'rgba(255,99,132,1)',
                borderWidth: 1,
                hoverBackgroundColor: 'rgba(255,99,132,0.4)',
                hoverBorderColor: 'rgba(255,99,132,1)',
                data: [5, 9]
            }
        ]
    };

我无法在文档上找到另一个设置。

我正在使用这个btw:https://www.npmjs.com/package/react-chartjs-2

2 个答案:

答案 0 :(得分:5)

尝试为您的选项添加分钟:

    var options = {
      scales: {
        yAxes: [{
          ticks: {
            beginAtZero: true,
            min: 0
          }    
        }]
      }
    };

enter image description here

Live Copepen:Chart.js Start at zero

答案 1 :(得分:0)

替换为:

const options = {
  scales: {
    y: {
      beginAtZero: true
    }
  }
};

成功了!