更新c3.js中条形图的数据
问题描述:
我只想显示'data1'数据。为此,我正在做一个超时。但在它仍然显示'data2'的值后。我该如何解决这个问题?更新c3.js中条形图的数据
https://jsfiddle.net/1q5zyftL/
var data1=[['data1', 35, 205, 150, 100, 100, 200], ['data2', 130, 120, 130, 190, 100, 40]];
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 130, 100, 140, 200, 150, 50]
],
type: 'bar',
labels:true
},
type: 'bar',
bar: {
width: {
ratio: 0.5 // this makes bar width 50% of length between ticks
}
},
axis: {
rotated: true
}
});
setTimeout(function() {
chart.load({
columns: [
data1[0]
]
});
}, 1000);
答
使用unload()
方法摆脱数据通过它的ID。
var data1=[['data1', 35, 205, 150, 100, 100, 200], ['data2', 130, 120, 130, 190, 100, 40]];
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 130, 100, 140, 200, 150, 50]
],
type: 'bar',
labels:true
},
type: 'bar',
bar: {
width: {
ratio: 0.5 // this makes bar width 50% of length between ticks
}
},
axis: {
rotated: true
}
});
setTimeout(function() {
chart.unload({
ids: ['data2']
});
}, 1000);