Stack Overflow
Stack Overflow

Questions tagged [c3.js]

c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications.

c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications.

D3.js is a JavaScript library for manipulating documents based on data.

  • Easy to generate D3-based charts by wrapping the code required to construct the entire chart. Don't need to write D3 code
  • C3 gives some classes to each element when generating, so you can define a custom style by the class
  • C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even if after it's rendered.

Links

Related tags

1128 questions
-1
votes
1 answer

c3.js highlight something specific

I have a bar chart and two values x(it goes like 0 5 10 etc.) and y(it goes like 0 1000 2000) Is it possible to highlight the bars that are appearing after 25 on x axis ? I found chart.focus(targetIds) but I couldn't figure out how to use it.
JP. K.
  • 159
  • 1
  • 18
-1
votes
1 answer

How to change the onClick function of C3 load function

I am trying to update a C3 graph with different onclick funtion by using the load function of C3. The code snippet is here: var json1 = [{ date: '2014-01-01', upload: 200, download: 200, total:…
Raichu
  • 237
  • 1
  • 7
  • 20
-1
votes
1 answer

how to draw areaplot from csv file using d3.js? please anyone share code

name mark1,mark2,mark3 raj,70,20,23 saran,45,70,20 sai,70,42,34 this is my csv file data...i have to draw areaplot using d3.js..i need paths based on row.is it possible to draw area plot using d3.js? please refer some code the paths based on…
Sai Rajesh
  • 1,882
  • 5
  • 22
  • 41
-1
votes
1 answer

How to pack layout for c3Js scatter plot

I have a scatter plot JSFIDDLE whose each nodes need to represent 3 values. I looked into a D3js example - Pack Layout. Below is the C3js code block var chart_scatterplot = c3.generate({ tooltip: { contents: function(d, defaultTitleFormat,…
Naveen Paul
  • 454
  • 8
  • 18
-1
votes
1 answer

jQuery $(document).ready not working in some cases

I am using c3 to draw some charts. Since c3 doesn't allow me to edit axis labels in the way I want, I am using jQuery to edit it after I load the chart. (FYI, I am trying to show 1-24, again 1-24 in the y axis instead of 1-48 hrs). Anyway I am…
mahacoder
  • 895
  • 3
  • 14
  • 29
-1
votes
1 answer

Error while reading json Uncaught TypeError: Cannot read property 'output' of undefined

I am trying to create a chart with c3.js using PUBNUB javascript SDK. The problem is that when I try to create a chart it wont read the json data I get the error Uncaught TypeError: Cannot read property 'output' of undefined. the complete data is…
Imo
  • 1,455
  • 4
  • 28
  • 53
-1
votes
1 answer

How can I open a popup in Javascript to visualize a chart created with c3.js

I have to open a popup when I click on the points of the map built with Leaflet library. In this popup i need to draw a chart, generated with the C3.js libray. How can I put the code of the chart into the Javascript poput to generate it?
Francesco Gobbi
  • 1
  • 2
-2
votes
2 answers

c3 chart with array object

I am trying to create a pie chart with C3. I have an array of objects as you can see below: myData= [ { a: 1 }, { b: 14 }, {c: 21 }, { d: 16 }] a,b,c,d are the labels and the numbers should be the values of my chart. var chart = c3.generate({ …
lazzat
  • 31
  • 10
-2
votes
1 answer

Problems with X axis position modification in C3

I want to modify the x-axis position from bottom to top in the graph drawn with C3. Depending on the circumstances may be used to D3. xAxis is top position photo I refer to this website. ->click here. refer site.
김규현
  • 3
  • 3
-2
votes
1 answer

HighChart vs D3.Chart or C3.Chart

I require some charting options in my CMS Application. I will be using Pie Charts, Area Charts, Column Charts, Bar Charts and Gauge Charts. From all options available on internet, I found C3.js chart and HighCharts.js good for my project. Apart from…
Anand Shah
  • 366
  • 1
  • 4
  • 18
-2
votes
1 answer

Y2 axis showing in decimal in C3 combination chart

I have tried C3 Combination chart with the below data. it showing Y2 axis in decimal points. So I couldn't see data2 points in my chart. var chart = c3.generate({ data: { columns: [ ['data1', 30543, 2045346, 50765767,…
Gaj
  • 888
  • 5
  • 5
-2
votes
2 answers

Javascript using Value in Array not possible?

I am trying to use a variable inside of an Array, I get no Error and its not working any idea? var hdd_usage = [12,1232113,12]; var test = JSON.stringify(hdd_usage).substr(1,JSON.stringify(hdd_usage).length-2); console.log(test); var chart =…
Neoon
  • 169
  • 2
  • 12
-2
votes
2 answers

Converting C# to VB code

I have this c# code that creates a CRC code. It works correctly in c#. I converted it to VB but it is not generating the correct CRC code. Could somebody please help me figure out what is wrong with the VB code. you call GetMessageBytes with a…
Jaco Fourie
  • 115
  • 1
  • 1
  • 4
-2
votes
1 answer

Can i add object to another object in javascript?

I have a object: {'name1': 123, 'name2': 1111, 'name3': 2222} How can I make an object of objects like: {{'name1': 123},{'name2': 1111}, {'name3': 2222}} i need that for bar graph JSON format
Rsh7822
  • 41
  • 5
-3
votes
1 answer

How to sort c3.js bar chart

I was looking forward to sorting the bars in the bar chart (not stacked bar) using c3.js. But could not find any suitable way, there is an option mentioned below but that's not applicable for the bar chart. data: { order: 'asc' } In my case,…
user3172663
  • 312
  • 3
  • 14
1 2 3
…
75
76