C3js区域范围图
C3js区域范围图
提问于 2015-05-05 08:00:28
是否可以在C3.js中创建类似于Highcharts的面积范围图？我已经附加了一个截图和链接到现场样本http://www.highcharts.com/demo/arearange-line。
其思想是显示范围数据，可能是历史最高和最低值，然后用折线图覆盖当年的值。C3能做到这一点吗？
提前感谢！
回答 1
Stack Overflow用户
发布于 2015-05-06 02:07:54
我不认为有一个区域范围图选项，但你可以这样伪装它：
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;
}这里有一个小把戏：http://jsfiddle.net/ot19Lyt8/17/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30042060
复制相关文章
相似问题
腾讯云开发者
