echarts折线图拐点样式设置
代码详情:
series: [
{
name: '发文篇数',
type: 'line',
// smooth: true,
showSymbol: true,
symbol: 'circle',
symbolSize: (value, param) => {
return param.dataIndex !== this.clickIndex ? 10 : 18
},
itemStyle: {
color: (param) => {
return param.dataIndex !== this.clickIndex ? '#FFF' : '#227bff'
},
borderColor: '#227bff',
borderWidth: 2,
borderType: 'solid',
shadowColor: 'rgba(77, 161, 255, 1)',
shadowBlur: 10
},
lineStyle: {
width: 2,
color: '#227bff'
},
data: this.y
}
]
color 设置图形的颜色。支持使用回调函数 (params: Object) => Color
borderColor 设置图形的描边颜色
borderWidth 设置描边线宽。为 0 时无描边
borderType 设置描边类型。可选:‘solid’ ,‘dashed’,‘dotted’
shadowColor 设置阴影颜色。支持的格式同color
shadowBlur 设置图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
详细可见 echarts官方文档