前言
Echarts提供的通过点击右上角图例“矩形选择”后,再在图表中进行选择,这样的用户体验感不是很好。这里我将右上角“矩形选择”隐藏,直接通过鼠标在图表中进行选择。这里我已曲线图以及矩形选择为例。
1.隐藏“矩形选择”
如图隐藏“矩形选择”
代码实现
toolbox: {
feature: {
brush: {
type: ["rect"], // 开启矩形选择
show: true,//是否显示 这里我们直接true
iconStyle: {
opacity: 0,//通过opacity设置为0隐藏图标
},
},
},
}
实现后效果图
2.如何在图表中实现“矩形选择”
触发图表行为,例如图例开关legendToggleSelect
, 数据区域缩放dataZo