1、曲線拐點樣式
series : [
{
name:'搜索引擎',
type:'line',
symbol:'circle',//拐點設置爲實心
symbolSize:8,//拐點大小
stack: '總量',
animation:true,//false: hover圓點不縮放 .true:hover圓點默認縮放
lineStyle:{
normal:{
color:'red',//折線的顏色
width:'2'//折線粗細
}
},
itemStyle:{
normal:{
color:'red',//拐點顏色
borderColor:'red',//拐點邊框顏色
borderWidth:3//拐點邊框大小
},
emphasis: {
color: 'red'//hover拐點顏色定義
}
},
areaStyle: {normal: {
color:'#999999'//折線下面區塊的顏色
}},
data:[820, 932, 901, 934, 1290, 1330, 1320]
}
]
2、曲線每個點顯示詳細數值
series.label: {
normal: {
show: true,
position: 'top',
color:"#000",
fontSize:10,
EnergyLine:'50'
}
}
3、背景是多條橫線
yAxis: {
type: 'value',
name: obj.y,
nameTextStyle:{
color:"#000"
},
axisLine:{
lineStyle:{
color:"#666"
}
},
axisLabel:{
show:true,
color:"#000",
fontSize:10
},
splitLine:{
show:true,
lineStyle:{
color:"#666"
}
},
axisTick:{
show:false
}
},