javascript - Ember Js、Ember-Highcharts 未更新图表数据的更改

Question

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

这是我的作业声明:

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 .