Data binding for params other than data

[benoror]

Hi @Glavin001, kudos for such a great addon 😄

I have a use case where I need data binding for the donut chart title:

similarly to the Gauge's example:

I infer that data binding is not triggered because only the data parameter is observed: https://github.com/Glavin001/ember-c3/blob/master/addon/components/c3-chart.js#L193, while Gauge's title is extracted from data parameter itself, Donut's title is not (donut param)

I'm somewhat new to Ember, maybe you can hint me if there's a workaround for this, or maybe I'd be happy to work on a PR for it.

Thanks in advance, cheers!

[Glavin001]

As you noted, currently only changes to data update the chart.
This functionality could be improved.

When the component is initialized it creates a chart and passes the configuration from _config property to generate it: https://github.com/Glavin001/ember-c3/blob/master/addon/components/c3-chart.js#L118-L119

I am unfamiliar with a C3 API method that would allow you to load a changed donut or other parameters, only chart.load(data) for the changed data.
I recommend you first contact C3 maintainer(s) and figure out how C3 would like you do this: https://github.com/masayuki0812/c3
Afterwards, let me know and we can discuss further how you will change Ember-C3 to allow other parameters to be updated by bindings.
Thanks!

[jsvg]

I'm working on a PR that should allow for this. Problem with updating pies/donuts is that data loaded into the chart object is appended. However, you should be able to specify whether you'd like the current data to be unloaded before the new data is loaded in.

[janyk]

@jsvg any luck with that PR regarding this issue?

[andyo729]

I believe this is covered in #51

[andyo729]

Sorry, #52

[maxwondercorn]

If you only have one donut chart, you can access the title via its class.

document.getElementsByClassName("c3-chart-arcs-title")[0].innerHTML = "my new title"

The c3 developers suggest using the classes for some uses or even falling back to d3 functions in some applications. Sorry I don't have any links to reference. Can't seem to find what I have read in the past.

[maxwondercorn]

Please see the drill down demo in release 1.0.0. ref pr #88

[maxwondercorn]

Really old issue but wanted to show this is now possible by setting the title in the donut argument.

See donut example in the dummy app:

ember-c3/tests/dummy/app/controllers/donut.js

Line 16 in f9dcce1

donut = { title: "Iris Petal Width" };