可以参考https://echarts.apache.org/zh/option.html#brush了解brush
brush 是区域选择组件,用户可以选择图中一部分数据,从而便于向用户展示被选中数据,或者他们的一些统计计算结果。

option = {
			brush: {
			    toolbox: ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'],
			    xAxisIndex: 0,
			    throttleType:'debounce',
			    throttleDelay:600
			}
	}

让框选的数据根据选框移动

var coordinateX = null; // 框选X坐标点
var coordinateY = null; // 框选Y坐标点
myChart.on('brushSelected', function (params) {
	if(params.batch[0].areas[0]){
		coordinateX = params.batch[0].areas[0].range[0][1];
		coordinateY = params.batch[0].areas[0].range[1][0];
	}
}
myChart.setOption({
   title: {
      backgroundColor: '#333',
      	text: '铁损平均值:' + averageValue + '\n' + coordinate,
      	top: coordinateY,
      	left: coordinateX,
      	textStyle: {
        	fontSize: 14,
        	color: '#fff',
        	fontWeight:'normal'
      	}
    }
  });
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐