ember-cli-chart让beginAtZero工作

Question

我正在尝试使用ember-cli-chart编辑显示图表的选项。

这是我的代码：

// hbs template
{{ember-chart type="Line" data=journeyData options=lineOptions height=100 width=400}}

// route
journeyData: Ember.computed('model.journey', function(){
    return {
        labels: this.get('model.journey').mapBy('date'),
        datasets: [{
            label: "Emissions",
            fill:false,
            tension: 0,
            fillColor: "rgba(0,0,0,0)",
            strokeColor: "#4caf50",
            data: this.get('model.journey').mapBy('emissions'),
        }]
    }
}),
lineOptions: {
    scales: {
        yAxes: [{
            ticks: {
                max: 5,
                min: 0,
                stepSize: 0.5,
                beginAtZero: true
            }
        }]
    },
    responsive: true,
    maintainAspectRatio: true,
}

这是如文档所述，但没有任何选项可以缩放＆＃39;在工作中。 responsive和maintainAspectRatio选项有效。

我把它放在正确的位置吗？

Answer 1

找到解决方案：

lineOptions: {
    scaleBeginAtZero: true, // ADDED
    scales: {
      yAxes: [{
        display:true,
        ticks: {
          max:         5,
          min:         0,
          stepSize:    0.5,
        }
      }]
    },
    responsive:          true,
    maintainAspectRatio: true,
  }