I am trying to create multiple c3js graph in a page. Once one graph is loaded am trying to load other graphs. But when i try to load third chart first two charts are flickering. It is annoying for my page. As analyzed, c3's generate function vanish the div and regenerate the entire graph, But my requirement is existing chart object retain is enough. Please Someone guide me to solve this.
function loadingGraph() {
chart21.load({
columns: [ values1]
});
}
loadGraph();Thanks,
var chart = c3.generate({
size: {
height: 166
},
data: {
columns: [
size: {
height: 166
},
data: {
columns: [
],
type: 'bar'
},
bar: {
//width: {
// ratio: 0.5 // this makes bar width 50% of length between ticks
//}
// or
width: 20 // this makes bar width 100px
},
axis: {
y: {
min: 0,
max: max,
label: {
text: 'aaaaa',
position: 'outer-top'
},
padding: {
top: 0,
bottom: 0
},
tick: {
count: 5
}
}
},
grid: {
x: {
lines: line
},
y: {
lines: [{value: 0}]
}
}
});
First create dom elements with
ids and generate charts specifying those ids, and each chart works independently.
I've added bindto attribute in it and still it is flicker. Graph is generated but while updating other graphs am passing same set of data to the generated graph, it flickers. I've tried by passing same data in settimeout function it wont flickers. But while updating the panel it is flickering.
e.g. say data is
[['a', 5], ['b',3],['c',7]] and I have a donut chart. Then data becomes [['a', 7], ['f',4],['c',5]]
Using the current API, I would need to do a
.load(new_data) but also an .unload(['b'])
Is that right? Seems a little convoluted
Hello, anybody can show me how to apply a format to the chart labels [data1, data2] to add a custom string? https://jsfiddle.net/nkhgaf6t/ I only find how to modify the tool tip or the labels inside the donut.
hi does anyone have experience printing with c3 bar charts? A demonstration can be found on https://c3js.org/samples/chart_bar.html when i ctrl + p it does not print all of the groups only covers 4/6 of them this is also happening on my project
