当前位置：首页 > news >正文

echarts默认图例(横线+圈圈)

news 2025/8/4 21:43:38

修改echarts 图例样式

项目里折线图需要去掉圆点, 但是图例样式需要是默认样式(横线和圈圈)

原始代码:(只展示series 和legend配置 )

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

修改前图片
在这里插入图片描述

修改后代码:

series: [{name: chartObj.names[ind_one],yAxisIndex: yIndex,type: ele_one,barMaxWidth: 15,tooltip: {show: true},data: chartObj.yAxisArr[ind_one],/*两个代码二选一就行，效果是一样的，一个是不显示，一个是显示，但尺寸为0symbol: 'none', symbolSize: 0,*/seriesObj.symbolSize = 0;//显示圆圈,但是尺寸为0triggerLineEvent : true; //线条和区域面积是否触发事件lineStyle :{color: chartObj.colors[ind_one] // 线条颜色};}],legend: {//图例right: "2%",textStyle: {fontSize: 12,color: "#748499"},data: chartObj.names},

修改后图片
在这里插入图片描述