Ember.js options.scales.yAxes[0].ticks.callback未在ember cli图表中动态更新

我在我的

hbs

文件中嵌入了

ember cli图表

<div class="chart">
    {{ember-chart type='line' data=data options=options}}
</div>

我想基于当前选定的度量显示Y轴标签。
第一次加载图表时，它会在y轴上呈现正确的标签，如果我更改了度量，则会使用相同的回调而不是另一个回调（在else部分中），并呈现相同的标签，但具有更新的数据值。
有人能帮忙吗？
Hmmm我不知道插件或
chart.js
，但在查看组件的源代码时，我明白了

didUpdateAttrs() {
    this._super(...arguments);
    this.updateChart();
},

updateChart() {
    let chart   = this.get('chart');
    let data    = this.get('data');
    let options = this.get('options');
    let animate = this.get('animate');

    if (chart) {
        chart.config.data = data;
        chart.config.options = options;
        if (animate) {
            chart.update();
        } else {
            chart.update(0);
        }
    }
}

因此，为了更新
chart.js
，您需要启动
didUpdateAttrs
，这意味着在这里，
选项本身需要更改。我不知道您是如何创建
defaultOptions
，但假设此引用从未更改，
didUpdateAttrs
没有理由会触发，因为您没有将引用更改为
options
（您只是在计算中更改
defaultOptions
的子道具）。我想：

import { assign } from '@ember/polyfills';
...
options: computed('metric', function() {
  let opts = assign({}, defaultOptions);
  if (this.metric === 'height') {
     opts.scales.yAxes = [{
         ticks: {
             callback: function(value, index, values) {
              // code to return labels
             }
        }
     }]
  } else {
     opts.scales.yAxes = [{
         ticks: {
             callback: function(item, index, items) {
                 // code to return labels
             }
        }
     }]
  }

  return opts;
})

这足以触发您想要的行为，因为我们总是在重新计算
选项时返回一个新对象
 我试过这个方法。不起作用。我正在用
didUpdateAttrs
方法重新绘制图表，现在它正在工作。
import { assign } from '@ember/polyfills';
...
options: computed('metric', function() {
  let opts = assign({}, defaultOptions);
  if (this.metric === 'height') {
     opts.scales.yAxes = [{
         ticks: {
             callback: function(value, index, values) {
              // code to return labels
             }
        }
     }]
  } else {
     opts.scales.yAxes = [{
         ticks: {
             callback: function(item, index, items) {
                 // code to return labels
             }
        }
     }]
  }

  return opts;
})