Stack Overflow
Stack Overflow

Questions tagged [c3]

C3.js is a Javascript library that uses D3.js to create reusable charts.

Site: http://c3js.org/

GitHub: https://github.com/masayuki0812/c3

129 questions
18
votes
1 answer

pie chart from json using c3 js

The code is taken as an example.. I need to generate a pie chart having 4 divisions (site1,site2...)each division correspond to its respective upload value. In the above code i am not able to achieve this(I have specified value:['upload'])... what…
Nithin A
  • 374
  • 1
  • 2
  • 18
13
votes
1 answer

d3 show number instead of percentages on pie chart

I'm drawing a graph to show how many people completed our app and how many people failed going through all the steps. To do this my company has decided to use the library d3 to show the charts. However, on the pie chart they want a whole number to…
zazvorniki
  • 3,512
  • 21
  • 74
  • 122
12
votes
2 answers

How to increase size of pie segment on hover in d3

I created pie chart using d3. How to increase size of pie segment on hover? As you can see, green segment is so small so I want to change it size like red segment. How can I do this? My code: var w = 400; var h = 400; var r = h/2; var color =…
Valentin Blokhin
  • 515
  • 1
  • 6
  • 16
11
votes
1 answer

C3.js making line appear dashed

I am using C3.js using two Y axis. I have 2 data series: data: { rows: [ ['data1', 'data2', 'data3'], [90, 120, 300], [40, 160, 240], [50, 200, 290], [120, null, 230], [80, null, 300], …
segFault
  • 1,228
  • 2
  • 18
  • 41
9
votes
1 answer

Creating custom donut or pie chart using c3.js

Trying to create the below 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 pie chart to get this. Any help or pointers are…
confusedfreak
  • 101
  • 1
  • 4
8
votes
1 answer

Why isn't the C3 Chart appearing?

I am trying to create a simple chart and it just doesn't work. Any help would be great. I followed the instructions found on the C3.js documentation website, but I still get a blank page.
Lee Denson
  • 125
  • 1
  • 3
  • 9
7
votes
1 answer

C3.js SVG visualization to Canvas with canvg - Line charts filled with black rectangles , "ERROR: Element 'parsererror' not yet implemented"

I am attempting to convert a SVG to Canvas using Canvg. Here is the jsfiddle. I get an error saying, "ERROR: Element 'parsererror' not yet implemented". I can understand that the canvg library is not able to parse the SVG element. But, Is there a…
SriDev
  • 71
  • 1
  • 4
7
votes
1 answer

How to show values in C3.js in Donut Legend?

here goes a simple example screenshot where you can see a donut chart. Is it possible to show the real values (not the %-calculated ones) in the legend of the chart like marked with red arrows in the screenshot? Everybody want's to know "22.7…
mstrd308
  • 156
  • 1
  • 7
7
votes
1 answer

Is it possible to use C3 and D3 together?

I'm looking into charting libraries and I'm very impressed by the power of D3, but I'm kind of mind-boggled by its documentation. It would be a much easier decision to go with C3 instead if I knew that I could still use D3 to fill in whatever…
B T
  • 57,525
  • 34
  • 189
  • 207
6
votes
2 answers

C3 charts - contents of tooltip clickable

I am making charts using c3.js. I have to make the contents of the tooltip cilckable. Till now, the tooltip is visible only when i hover over the chart. I have some Information which is to be displayed when i click on a link in the tooltip. I…
Vikram Singh Jadon
  • 1,007
  • 1
  • 10
  • 23
6
votes
1 answer

How to show the total per column in tooltip title with c3.js?

In this case I would like to show 180 instead of 0 on tooltip title. I know that it can be customized like it is done in c3 official documentation. But I don't find the way to get the total per column.
AlexLarra
  • 841
  • 5
  • 18
6
votes
2 answers

how to style style line chart points in c3js

I have a general c3js question. I'm trying to make the points in a C3JS line chart "hollow" (white fill, with a colored stroke), but am having a hard time figuring out how to do that. I've tried to add my own CSS, but it gets overwritten by the…
Shail Patel
  • 1,764
  • 5
  • 30
  • 46
5
votes
2 answers

c3js - Grid lines showing on top of content

I've been trying to make the x-axis grid lines to be behind the content of a c3js bar chart. I toyed with z-index which didn't work. I tried with opacity which didn't work either. Here is the JSFiddle with the code I was using.…
chaitanya munagala
  • 51
  • 1
  • 3
5
votes
1 answer

C3js Area Range chart

Is it possible to create an Area range chart in C3.js similar to that of Highcharts? I've attached a screenshot and link to the live sample http://www.highcharts.com/demo/arearange-line. The idea is to show range data, perhaps the historical high…
Cody
  • 123
  • 1
  • 5
5
votes
2 answers

Is there a D3 Gauge allowing multiple series/columns?

I'm looking for something like this in D3 or C3js: The default Gauge Chart in C3 takes in multiple columns as data, but then displays them on the same line, so they are overriding eachother.
Cos
  • 1,649
  • 1
  • 27
  • 50
1
2 3
…
8 9