echarts brush的用法及框选的数据根据选框移动

可以参考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'
      	}
    }
  });