1.设置line颜色:
series: [
{ // For shadow
type: 'bar',
itemStyle: {
normal: {color: 'rgba(0,0,0,0.01)'}
},
barGap:'-100%',
barCategoryGap:'40%',
data: dataShadow,
animation: true
},
{
type: 'line',
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{offset: 0, color: '#fff'},
{offset: 1, color: 'rgba(1,1,1,0.5)'}
]
)
}
},
data: data
}
]
其他相关设置:
options = {
color :["#467b23","#166dbc","#efa80e","#ec2f1b"],
title: {
text: test.title,
textStyle: {
fontSize: 14,
// fontWeight: 'bolder',
color: '#fff'
}
},
tooltip: {
trigger: 'axis'
},
legend: {
data:test.series,
textStyle: {
color: "#c1b8bb"
}
},
grid: {
left: '0%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: test.xAxis,
axisLabel: {
show: true,
textStyle: {
color: '#c1b8bb'
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#c1b8bb'
}
},
splitLine : {
// show:false,
lineStyle:{
type:"dotted",
width:1,
color:"#737277"
}
}
},
series: []
};
for(var i = 0; i< test.series.length;i++){
lineSeries[i] = {
name:test.series[i],
type:'line',
symbol: "none",
lineStyle: {
normal : {
color: color[i],
type: "solid"
}
},
data:[120, 132, 101, 134, 90, 230, 210]};
options.series.push(lineSeries[i]);
}