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
2
votes
1 answer

Multiple bars in c3 gauge chart

I'm attempting to create a stacked gauge chart using c3.js similar to the image below but cannot find any examples of this in the documentation. Is this even possible?
hereswhatidid
  • 738
  • 9
  • 21
2
votes
1 answer

C3Js graph x-Axis is displaying outside of graph

The X-Axis labels are moving to the left outside of the graph when I am zooming in and/or slide the graphs content to right or left. On this image you can see that the label (05.08) is outside on the left. Is there any way to prevent this ugly…
TJR
  • 6,307
  • 10
  • 38
  • 64
2
votes
2 answers

Visualizing a chart using c3

I am trying to reproduce some code to generate a chart using c3. This script does not render anything though. Why? (the files listed in href are in the same folder)
giulio
  • 659
  • 2
  • 8
  • 22
2
votes
2 answers

c3 JS scroll bar jumping when loading new data

We are using c3 as a wrapper around d3 javascript charting library. You can see even in their own demo when the data is updated the scroll bar flickers momentarily. This isn't a problem when there is already a scrollbar on the page as it is in their…
Jon Harding
  • 4,928
  • 13
  • 51
  • 96
1
vote
1 answer

Increase height of group element() in svg

I am using c3js for generating charts.My data has columns whose names are very large.So when the chart is rendered these tick labels are colliding with the xaxis label(placed at outer-center). If I move the xaxis label down I could clearly see the…
Nithin A
  • 374
  • 1
  • 2
  • 18
1
vote
0 answers

angular c3 directive not rendering in phantomjs 1.9.8 during unit test

I created a custom c3 directive to render a basic bar chart for an angular1.3.15 app. The chart renders fine in chrome, but it doesn't seem to render during unit test. (using karma and phantomjs@1.9.8 from yeoman) I already applied the…
jardev
  • 11
  • 3
1
vote
1 answer

C3.js - Add right padding to Timeseries charts

I was wondering if there is a way to add right padding to a Timeseries chart on C3.js. As you can see on this example from C3js.org, the date labels are getting cut off on the right. Or see following picture:
Omar Lahlou
  • 1,000
  • 9
  • 33
1
vote
1 answer

Text inside each bubble in c3js Scatter plot

I am generating scatter plot using c3 js.I wanted to display some text inside the bubble.Text can be either its value(y axis) or x axis value.The property (labels :true) which works for bar graph does not work in case of scatter.Please help Thanks
Nithin A
  • 374
  • 1
  • 2
  • 18
1
vote
1 answer

Existing PHP/JS Code showing error in import statement

I received an existing site code in PHP and JS, which I have imported to Netbeans. But the C3js and D3js and jQuery bower components are showing errors for import statements. Any idea on how to figure it out ?
Wings2fly
  • 887
  • 1
  • 11
  • 31
1
vote
1 answer

C3 rendering before bootstrap kicks in

I am using c3.js, AngularJs and bootstrap to render some charts. The setup is as follows: Bind a variable to