c3.js

I'm trying to swap out data sets in a C3.js graph. The code I assumed would work based on the C3 docs looks like this: chart.unload(); chart.load({ columns: [ ['data3', 100, 90, 80, 70, 60, 50] ] }); But this doesn't work. You'll notice that the graph rendered on the following Plunkr renders improperly, so I'm clearly doing something wrong: https://jsfiddle.net/7rfm9om9/ What is the idiomatic way to replace data in a C3 chart? According to the c3 documentation, the way to do this is to use the unload param of the load function. chart.load({ unload: true, columns: ['data1', 100] }); There are

I have created a simple donut chart using c3.js. Here is the FIDDLE . If you hover over a slice of the Donut it will stick out. I was wondering if it is possible for the slice to stick out by default without hovering over. For example i want slice A, slice B, and C to stickout by default How can I do that? Here is my Code var currentSlice; var chart = c3.generate({ data: { x: 'x', columns: [ ['x', '2013-01-01', '2013-01-02', '2013-01-03', '2013-01-04', '2013-01-05', '2013-01-06'], ['A', 30, 200, 100, 400, 150, 250], ['B', 130, 100, 140, 200, 150, 50], ['C', 50, 100, 130, 240, 200, 150], ['D',

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. 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, ...], ..

I am creating a line chart for a data series using C3.js. I am struggling in trying to show the "points" only for one of the series. Basically, first I am creating a multiple series line chart with some reference data, and then I am loading (with char.load) a new particular data line in which I want to show points, only for that particular line while the other reference lines remain with hidden points. Is that possible via C3.js? If so, could you instruct me to do so, thanks! Also, any method to do so using D3.js while using C3.js is welcome. This is the official example in which all points

Is there any possible way to change a positions of labels above the data in c3 bar chart? In official documentation there is well explained how to change positions of labels on x and y measurement axis with manipulation of y and x integer, but I did not found anything for data labels. I've tried to point to it with plain d3 on which c3 is based but console.log returns me null: d3.selectAll(".c3-texts .c3-text").each(function () { var yOrigin = d3.select(this).attr('y'); console.log(yOrigin); }) because it fires before graph generation. You can see and edit what I'm working on here: http:/

Can any one suggest me the way of adding title to the C3.js line and bar charts ? I have got the following sample but it is for gauge chart. For any c3 chart is there any option to set the chart title? donut: { title: 'Title' } You'd need to fall back to using D3 to add a chart title. Something like: d3.select("svg").append("text") .attr("x", 100 ) .attr("y", 50) .style("text-anchor", "middle") .text("Your chart title goes here"); dbone This was a top google result, so I thought I'd add that this is now part of the library: title: { text: 'My Title' } More info @ https://github.com