Javascript Ember Js,Ember Highcharts未更新对chartData的更改

Javascript Ember Js,Ember Highcharts未更新对chartData的更改,javascript,ember.js,highcharts,ember-cli,Javascript,Ember.js,Highcharts,Ember Cli,我正在使用Ember CLI和Ember highcharts绘制一些数据。该库可以很好地处理测试数据,但当我尝试从API中提取数据时失败,因此我相信可能存在某种竞争条件。但是,我可以从我的组件中很好地打印该系列,因此我不确定highcharts组件为什么没有监听chartData的更改并相应地更新 这是我的任务书: this.get('chartData')[0].data.setObjects(barItems); 和我的数据元素: chartData: [{ name: 'Tem

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

这是我的任务书:

this.get('chartData')[0].data.setObjects(barItems);
和我的数据元素:

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}}

{{high charts chartOptions=chartOptions content=chartData} {{yield}}
导航离开后,然后返回页面,图表中确实填充了数据。我还有一些jquery附件,它们在图表填充时消失


任何关于如何解决此问题、如何强制组件同步加载等的想法都将不胜感激。

ember highcharts
将其用作依赖键,这意味着它仅在您更改所提供阵列的长度时更新。要解决这个问题,您可以使用。

我不使用highcharts,但我的猜测是它正在查找对
内容
变量的更改,而不是这些项目的属性。您可能希望使chartData变量中的所有项都包含Ember对象:
chartData=chartData.map((d)=>{return-Ember.Object.create(d);})刚刚尝试了一下<代码>objs[dataSet]。数据=arr
this.get('chartData').pushObject(Ember.Object.create(objs[dataSet])其中objs是早期的湿度或温度对象之一。感谢您的洞察力!在寻找的时候,我也遇到了。应该对看到此线程的其他人有用。