天天看點

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);

echarts折線圖分段顯示不同顔色