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
}
},