Deferred chart creation about ember-highcharts

[ahmadsoe]

You can use {{component}} helper to render component dynamically.

{{component selectedChart chartOptions=chartOptions .... }}

more info about this helper is here http://emberjs.com/api/classes/Ember.Templates.helpers.html#method_component

[denchen]

Thanks. What I ended up doing is using the component helper to initially render an empty component, and then when selectedChart is set to non-null, I render my dynamic-high-chart component. Probably not that elegant or even the proper way to do things, but it works.

That being said, I'm still a little confused as to how Ember components get rendered / re-rendered. Let's say I have a chart already rendered. But then I completely replace chartData that's bound to content. Shouldn't the entire component be re-rendered, according to this:

http://emberjs.com/blog/2015/05/24/another-two-oh-status-update.html#toc_new-lifecycle-hooks

If that is the case, and the entire component is re-rendered, why do we need the contentDidChange() function that's in the example in the README, since the chart gets re-created anyway? Or am I completely misunderstanding what "rerendering" in Ember actually is? (My take on it is the component (HighCharts) is destroyed and re-created with the new attributes)

[ahmadsoe]

Updating chartData that's bound to content will not re-render the entire component, it just to update the chart series (like x or y values).
The contentDidChange() in the readme is for a special case if you want to also update another chart properties (e.g. chart title, sub-title, axis label) via HighCharts API.

[gregjopa]

This questions seems to be answered. I think this issue can be closed.