更新時間:2022-06-15 10:19:10 來源:動力節(jié)點 瀏覽2380次
設(shè)置 echarts 折線圖的顏色漸變并配置areaStyle:
選項 = {
標(biāo)題: {
text:'折線圖顏色漸變'
},
工具提示:{
觸發(fā)器:'軸'
},
網(wǎng)格: {
左:'3%',
對:'4%',
底部:'3%',
包含標(biāo)簽:假
},
工具箱: {
特征: {
保存圖像:{}
}
},
x軸:{
類型:'類別',
邊界間隙:假,
數(shù)據(jù):['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday']
},
y軸:{
類型:'值'
},
系列: [
{
name:'郵件營銷',
類型:'線',
areaStyle:{正常:{
顏色:新 echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{偏移量:0,顏色:'紅色'},
{偏移量:0.5,顏色:'粉紅色'},
{偏移量:1,顏色:'#ddd'}
]
)
}},
數(shù)據(jù):[120、132、101、134、90、230、210]
}
]
};
效果圖如下: