Ember Js，Ember-Highcharts没有更新对chartData的更改

Question

我正在使用Ember-CLI和ember-highcharts来绘制一些数据。该库可以很好地处理测试数据但是当我尝试从API中提取数据时失败，所以我相信可能存在某种竞争条件。但是，我可以在我的组件中打印系列就好了，所以我不确定为什么highcharts组件没有监听chartData的更改并相应地更新。

这是我的任务陈述：

this.get('chartData')[0].data.setObjects(barItems);

我的charData元素：

chartData: [{
    name: 'Temperature',
    type: 'column',
    color: '#8fb1e8',
    data: []
  },
  {
    name: 'Humidity %',
    type: 'line',
    color: '#393a3d',
    data: []
  }],

这个模板全部用于：

<p id="res"></p>
<div class="graph">
  {{high-charts chartOptions=chartOptions content=chartData}}
</div>
{{yield}}

图表会在导航后填充数据，然后返回页面。我还有一些jquery附加，当图表填充时会消失。

如何解决这个问题，如何强制组件同步加载等等，将不胜感激。

Answer 1

ember-highcharts使用content.[]作为依赖键，这意味着只有在更改提供的数组的长度时它才会更新。要解决此问题，您可以使用notifyPropertyChange。