echarts折线图分段显示不同颜色

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]
       },

   ]
};




        weiChart.setOption(option);



猜你喜欢

转载自blog.csdn.net/yapengliu/article/details/80192014