是否可以在 C3.js 中创建类似于 Highcharts 的区域范围图?我附上了一个截图和链接到现场样本http://www.highcharts.com/demo/arearange-line .
这个想法是显示范围数据,可能是历史最高值和最低值,然后用折线图覆盖当前年份的值。 C3能做到吗?
提前致谢!
最佳答案
我认为没有区域范围图选项,但您可以像这样伪造它:
var chart = c3.generate({
data: {
columns: [
['data1', 300, 350, 300, 290, 225, 220],
['data2', 250, 320, 280, 250, 170, 180],
['data3', 230, 300, 240, 200, 150, 150]
],
types: {
data1: 'area',
data2: 'line',
data3: 'area'
},
colors: {
data1: 'rgb(215, 232, 248)',
data2: 'rgb(120, 178, 235)',
data3: '#ffffff'
}
},
point: {
r: 1
}
});
使用 CSS:
.c3-area {
opacity:1;
}
这是一个 fiddle :
http://jsfiddle.net/ot19Lyt8/17/
关于d3.js - C3js 区域范围图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30042060/