C3.js is a Javascript library that uses D3.js to create reusable charts.
Site: http://c3js.org/
Questions tagged [c3]
129 questions
5
votes
1 answer
C3.js show tooltip from button click
I am using C3.js to graph some data. I want to be able to show the tooltip for the last data point series from a button click or even by default once the chart has rendered. Is there anyway to do this? Their documentation has a section for…
segFault
- 1,228
- 2
- 18
- 41
5
votes
1 answer
Column data with json array c3.js
I'm trying to create a chart using C3.js, but having an issue showing json data.
Here is my data:
{StatsID: "1", label: "unique-visits", month: "2014-10", value: "17230"},
{StatsID: "2", label: "unique-visits", month: "2014-11", value:…
dave
- 355
- 5
- 11
4
votes
1 answer
Accessing data values in c3js in data events
I am trying to figure out, if there is a way to access the values from the Company data array in the onclick event. So far using the api functions I only get to the Users array.
var chartCompany = c3.generate({
bindto: '#users-chart',
…
stefita
- 1,785
- 2
- 20
- 35
4
votes
1 answer
Defining a category axis using c3.js
I just started using c3.js and I haven`t figure out how to specify the values of ticks in x axis. The values are type1, type2, type3... and here is my code:
$(document).ready(function(){
var mammoReconstructionsAcceptedChart =…
AlexLarra
- 841
- 5
- 18
4
votes
1 answer
C3 js line chart getting error for date
I am trying to use c3.js timeseries line chart (URL : http://c3js.org/samples/timeseries.html). The only difference being that I am using the CDN link to the js files instead of downloading them. However I keep getting the following…
Info2scs
- 59
- 1
- 9
4
votes
1 answer
Update Chart Using based on Dropdown list
I am trying to render charts based on selecting specific date criteria. I would like the charts to render different data set when i select an option (e.g. monthly) from drop down list.
Currently, the script below is not executing the above…
user3070072
- 610
- 14
- 37
4
votes
1 answer
Updating C3 charts on props change with React
I am trying to beautify the update of a C3 chart written as a React component when its data change. The data flows to the component from a parent component via its props.
The solutions I have now "works" but do not seem optimal: when new data comes…
xav
- 4,101
- 5
- 26
- 32
4
votes
4 answers
c3 graph in a dark background; how to change axis and tick value color
I have plotted a graph on a dark background but due to the axis-color and tick-value color it is very difficult to read. How do I change to color of the axis, ticks and axis tick value to white?
Mark Henry
- 2,649
- 7
- 40
- 48
4
votes
2 answers
How to get the data from the c3.js
I am developing from the c3.js using reusable charts in d3.js,but unable to get the data from the array of objects,i tried for the given format of the code.
var chart=c3.generate({
data:{
json:[
…
venky
- 131
- 1
- 3
- 10
4
votes
0 answers
C3JS - Text is too long c3-legend-item-event / background does not wrap
I am trying to make the Legend text to wrap by setting up some width limits. No matter what I tried I cannot figure out how to lessen the width of the ".c3-legend-item-event" so it can get to two lines or more, otherwise the text is so long that…
user3779776
3
votes
1 answer
c3.js - show tick label/value when zooming the chart
I am looking for a kind dynamic way to display the tick labels/values, when zooming the chart. This feature is available in some another js chart package, I am not sure if its available in c3, or because I didn't find this feature in c3 document.…
Xiangwu
- 715
- 3
- 13
- 25
3
votes
1 answer
Update donut chart using the c3 library (JQuery)
I need to update a donut chart using the c3 library. The chart is created by the following code:
function (datapie) {
var chart = c3.generate({
bindto: '#idpiechart',
color: {
pattern: Colors,
},
data: { …
Carlos G.
- 145
- 10
3
votes
1 answer
Position an inset legend at the top-center
According to the C3 documentation, legend.inset.postition only supports top-left, top-right, bottom-left and bottom-right positions. I would like to have my legend positioned at the top-center.
Here is the JS that creates the plot:
var chart =…
Tim McNamara
- 18,019
- 4
- 52
- 83
3
votes
1 answer
c3.js how to get a onclick event for DataGroups
I have been using c3.js and cant figure out how to get a JavaScript event for onClick of the Data group labels which is displayed in X Axis.
Basically i need event to which I can register a event handler in the below Circled area.
Guru Kara
- 6,272
- 3
- 39
- 50
3
votes
2 answers
C# VS2010: how to draw scrolling text using drawstring without flicker
I'll preface this by saying I've already tried a bunch of ways of achieving my goal and I'm now resting at the "best" solution, but it's still far from what I would consider "great"...so I was hoping to get a suggestion here. This is in C# using…
TrojanNemo
- 117
- 9