修改echarts 图例样式
项目里折线图需要去掉圆点, 但是图例样式需要是默认样式(横线和圈圈)
原始代码:(只展示series 和legend配置 )
html
series: [
{
name: chartObj.names[ind_one],
yAxisIndex: yIndex,
type: ele_one,
barMaxWidth: 15,
tooltip: {
show: true
},
data: chartObj.yAxisArr[ind_one],
symbol : "none";//是否显示线图小圆点(主要就是这个鬼东西影响到图例圆点了)
triggerLineEvent : true; //线条和区域面积是否触发事件
lineStyle :{
color: chartObj.colors[ind_one] // 线条颜色
};
}
],
legend: {//图例
right: "2%",
textStyle: {
fontSize: 12,
color: "#748499"
}
},
修改前图片
修改后代码:
html
series: [
{
name: chartObj.names[ind_one],
yAxisIndex: yIndex,
type: ele_one,
barMaxWidth: 15,
tooltip: {
show: true
},
data: chartObj.yAxisArr[ind_one],
/*
两个代码二选一就行,效果是一样的,一个是不显示,一个是显示,但尺寸为0
symbol: 'none', symbolSize: 0,
*/
seriesObj.symbolSize = 0;//显示圆圈,但是尺寸为0
triggerLineEvent : true; //线条和区域面积是否触发事件
lineStyle :{
color: chartObj.colors[ind_one] // 线条颜色
};
}
],
legend: {//图例
right: "2%",
textStyle: {
fontSize: 12,
color: "#748499"
},
data: chartObj.names
},
修改后图片