So I am having troubles trying to change the colors of my line graph that is generated from JSON from a URL. Here is my code to generate the chart: var chart = c3.generate({ bindto: '#chart', da...

I want to display a time series chart with C3.js using a date in the format 2015-09-17 18:20:34 and the format string '%Y-%m-%d %H:%M:%S' but it fails to parse. My code: var chart = c3.generate({...

I have a donut chart where certain pieces of the donut sticks out. Here is the screen shot. The orange, red and blue arcs are sticking out and I want them to stick out permanently however when I...

I am using C3.js to create charts. I have created a simple donut chart. Here is the screen shot: When I hover over the different donut slices/pieces they expand. Here is a screen shot of that hap...

Since i am not familiar with C3.js library, i am bit confuse when i tried to split the Array data. For instant i have some array value from a json. var jsondata=[[123],[45],[56],[22]]; var jso...

Trying to create the above using c3.js. We are using the same charting library across the application so would like to keep it consistent. Didn't find a way in c3.js to either customize donut or p...

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

I am using c3.js to produce a chart. the problem is that the I cannot change the position of text elements on xgrid. I would like them to be horizontal. But when ever I try to use rotate the elemen...

I am having an issue with the labels assigned to the values of my graph. The graph is a timeseries. I add values using the 'columns' property of c3js. I use pure timestamps (in seconds) and the...

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 ti...

I would like to customize a donut chart from c3.js for example the arc thickness. Any help or pointers are greatly appreciated. var chart = c3.generate({ data: { columns: [ ['Data1', 30], [...

I am trying to dynamically load a region to a line chart in C3.js using the load api. The column data loads fine but there is no change to the regions. I don't want to use the regions.add api bec...

I need a help on generating line break in html. Javascript var x = "jun"; var y = "2015"; var calculate= x + "<br>" + y; Html returns like below <div>jan <br> 2015</div&g...

I want to generate a PDF file on the client side with a graph and other tabular data coming from a JSON object. The following is the Javascript data binding part: BindReportToPdf: function (data...

I'm trying to generate charts using c3js, which is a d3 library for easier charting. I see that you can use plain d3 to generate charts on the server side using jsdom since there is an npm module ...

I have a specific JSON output that I need to convert into x and y-axis for a C3.js line graph but it doesn't seem to like the way it's currently formatted: { "results": [ { "param": "x", "val"...

I'm trying to create a bar chart using C3 and D3 but I'm having trouble getting the columns to be unrelated to each other, other than for the fact that they use the same scale on the Y-axis. I've ...

The C3 gauge example here shows an arc where the default color is grey but when the same code is placed in our project, the default arc color is solid black. Is there any way to explicitly set the ...

I'd like to create query which is able to count number of records for every day in month at once in sequelize.js Not like : Record.count({ where: { createdAt: { $like: '2015-04-14%' } } }).then(fu...

influxDB timestamps look like this: 2015-01-29T21:55:43.702900257Z The question is what options should I use for the x-axis when I generate the graph with C3.js The error I get: "Failed to ...

I am using c3.js to create line and bar charts.I want to change the color of x axis and y axis values. As I want black background for the chart so the text/values color on x-axis and y-axis must be...

I have a timeseries chart created with C3. The chart has time gaps in the data, and this is very noticeable with a bar chart. Is it possible to remove the gaps? I render the chart as shown below. ...

As you can see in output I am getting decimal values in y axis. These are number of downloads it cant be 1.5. I tried giving min value but unable to get the result. Also on mouse over in grid I a...

I am having alot of trouble getting c3 to work in my web page. My code for the graphing is right, it just wont load anything and I am guessing this is due to me not having the right script src. Doe...

I would like to customize a donut chart from c3.js so it that has 2 layers. This is the code for the very basic out of box c3.js based donut chart. var chart = c3.generate({ data: { columns: [ ...