C3 Graphs On Load Callback [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

---

Want to improve this question? Add details and clarify the problem by editing this post.

Closed last year.

I want to use some kind of callback function that will run some code once the C3 Graph is finished loading so that I can change the fill colors of certain points.

Answer 1

Don't load any data in the initialization. Rather explicitly call the load event and pass the data in. Then you have access to the done callback.

var chart = c3.generate({ /*...*/ });

chart.load({
  columns: [['data1, 100, 200, 150, ...],
    ...
  ],
  done: function() { /* whatever you need done here... */}
});

Answer 2

The above didnt work for me, I used 'onrendered'.

onrendered: function () { ... }

See here: https://c3js.org/reference.html#onrendered

Answer 3

Try declaring an id on the graph container (usually the svg) with .attr("id", "GraphContainer"). After that, you can bind an .onload to it. Something like this:

var SVGCont = document.getElementById("GraphContainer");
SVGCont.onload = function() {
    // your code for when it's done loading
};

You can also use the event for when SVG elements are added to the DOM:

$(document).bind("DOMNodeInserted", function(e) {
    // your code 
});