echarts折现变曲线_echarts 改变折线图曲线颜色、区域颜色

效果图：

代码：

option = {

xAxis: {

type: 'category',

boundaryGap: false,

data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

},

yAxis: {

type: 'value'

},

series: [{

data: [820, 932, 901, 934, 1290, 1330, 1320],

type: 'line',

smooth:true,

itemStyle : {

color:{

type: 'linear',

x: 0,

y: 0,

x2: 0,

y2: 1,

colorStops: [{

offset: 0, color: '#1CD8D2' // 0% 处的颜色

}, {

offset: 1, color: '#ffffff' // 100% 处的颜色

}],

global: false // 缺省为 false

}

},

lineStyle:{

color: {

type: 'linear',

x: 0,

y: 0,

x2: 1,

y2: 1,

colorStops: [{

offset: 0, color: '#ffffff' // 0% 处的颜色

},{

offset: 0.5, color: '#5865FF' // 0% 处的颜色

}, {

offset: 1, color: '#ffffff' // 100% 处的颜色

}],

global: false // 缺省为 false

}

},

areaStyle: {}

}]

};