echarts折线图分段显示不同颜色
来源:互联网 发布:苹果怎么打开php文件夹 编辑:程序博客网 时间:2024/06/06 03:14
var weiChart = echarts.init(document.getElementById('box'));
option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一','周二','周三','周四','周五','周六','周日']
},
yAxis: {
type: 'value'
},
series: [
{
name:'',
type:'line',
data:[120, 132, 191, "-", "-", "-", "-"]
},
{
name:'',
type:'line',
data:["-", "-", 191, 234, 190, "-", "-"]
},
{
name:'',
type:'line',
data:["-", "-", "-", "-", 190, 330, 410]
},
]
};
option = {
title: {
text: '折线图堆叠'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一','周二','周三','周四','周五','周六','周日']
},
yAxis: {
type: 'value'
},
series: [
{
name:'',
type:'line',
data:[120, 132, 191, "-", "-", "-", "-"]
},
{
name:'',
type:'line',
data:["-", "-", 191, 234, 190, "-", "-"]
},
{
name:'',
type:'line',
data:["-", "-", "-", "-", 190, 330, 410]
},
]
};
weiChart.setOption(option);
阅读全文
0 0
- echarts折线图分段显示不同颜色
- echarts折线图分段用不同颜色显示
- echarts 折线分段显示不同颜色
- Echarts折线图不同X轴的对比功能,不同段不同颜色显示
- highcharts分段显示不同颜色
- ECharts实现折线图颜色分段及markline标注
- WPF 文本分段,不同颜色显示
- TextView分段显示不同颜色,字体
- 使用echarts实现动态显示折线图
- 百度echarts使用教程(4):echarts折线图每个折线点都显示数据
- echarts柱状图不同颜色与显示数值
- Echarts折线图
- echarts折线图
- echarts-折线图
- echarts折线图
- echarts绘制折线图
- ECharts学习-折线图
- echarts-单折线图
- BZOJ 1922: [Sdoi2010]大陆争霸 带限制最短路
- Python中 dict.items() dict.iteritems()区别
- javaweb引用jar类库的问题
- Java集合类:set、list、queue、map
- 【第三方支付公司大全】2016最新持牌第三方支付公司,pos支付拍照一清机
- echarts折线图分段显示不同颜色
- 【OpenCV3图像处理】线性滤波:均值滤波,高斯滤波
- IO流
- 在Tomcat7.0中设置默认服务器和不加端口名访问
- Joseph
- android布局适配
- 无意看到的web优化的文章 转载{前端学习 第五节}
- vuejs小白记录
- 各种变量与零值的比较