헥소(Hexo) 에 네이버 billboard 차트 추가

테스트

{% bcharts chart 90% 400px %}
data: {
columns: [
["data1", 30, 200, 100, 400, 150, 250],
["data2", 130, 100, 140, 200, 150, 50]
],
type: "bar", // for ESM specify as: bar()
},
bar: {
width: {
ratio: 0.5
}
}
{% endbcharts %}

billboard 차트

 

timeout 추가
{% bcharts chart2 90% 400px %}
data: {
columns: [
["data1", 30, 200, 100, 400, 150, 250],
["data2", 130, 100, 140, 200, 150, 50]
],
type: "bar", // for ESM specify as: bar()
},
bar: {
width: {
ratio: 0.5
}
}
timeout
setTimeout(function() {
chart2.load({
columns: [
["data3", 130, -150, 200, 300, -200, 100]
]
});
}, 1000);
{% endbcharts %}

timeout 여러개 추가
{% bcharts chart3 90% 400px %}
data: {
columns: [
["data1", 30, 200, 100, 400, 150, 250],
["data2", 130, 100, 140, 200, 150, 50]
],
type: "bar", // for ESM specify as: bar()
},
bar: {
width: {
ratio: 0.5
}
}
timeout
setTimeout(function() {
chart3.load({
columns: [
["data3", 130, -150, 200, 300, -200, 100]
]
});
}, 2000);
setTimeout(function() {
chart3.load({
columns: [
["data4", 120, 150, 200, 300, 200, 100]
]
});
}, 3000);
setTimeout(function() {
chart3.load({
columns: [
["data5", 100, 250, 300, 100, 400, 200]
]
});
}, 4000);
{% endbcharts %}