android 折线图 渐变,使用Echarts 写渐变式折线图

option = {

title: {

// text: '折线图堆叠'

},

tooltip: {

trigger: 'axis'

},

legend: {

data:[{

name: '邮件营销',

icon: 'rect'

}],

},

grid: {

left: '3%',

right: '4%',

bottom: '3%',

containLabel: true

},

xAxis: {

type: 'category',

boundaryGap: false,

axisLine: {

lineStyle: {

color: '#999',

}

},

axisTick: {

lineStyle: {

color: '#999',

}

},

//网格线

splitLine: {

show:true,

},

data: ['周一','周二','周三','周四','周五','周六','周日']

},

yAxis: {

type: 'value',

axisLine: {

lineStyle: {

color: '#999',

}

},

axisTick: {

lineStyle: {

color: '#999',

}

},

},

series: [

{

name:'邮件营销',

type:'line',

smooth: true,

symbolSize: 7,

data:[120, 132, 101, 134, 90, 230, 210],

lineStyle: {

},

itemStyle: {

normal: {

color: "rgba(179,127,235,0.5)",

lineStyle: {

color: '#7b7878',

width: 1,

}

}

},

areaStyle: {

color: {

type: 'linear',

x: 0,

y: 0,

x2: 0,

y2: 1,

colorStops: [{

offset: 0, color: 'rgba(179,127,235,0.5)' // 0% 处的颜色

}, {

offset: 0.5, color: 'rgba(179,127,235,0.3)' // 100% 处的颜色

},{

offset: 1, color: 'rgba(179,127,235,0.1)' // 100% 处的颜色

}],

global: false // 缺省为 false

}

}

},

]

};