echarts常用组件,echarts symboloffset,echarts.registertheme,echarts selectedmode,echarts的setoption,echarts组件化
ECharts中的brush配置是用于创建区域选择组件的属性。它允许用户通过矩形或者其他形状选择相应的数据区域，可以用来进行数据筛选或者放大缩小数据视图。

以下是一些常用的brush配置属性和它们的解释：

- brushType：选择brush的类型，可以是rect（矩形）或者polygon（多边形）。
- brushMode：选择brush使用的模式，可以是单选或者多选。
- xAxisIndex/yAxisIndex：指定brush配置应用于哪个x轴或y轴。
- throttleType/throttleDelay：设置触发brush动作的频率。
- brushStyle：指定brush选择框的样式。
- transformable：是否允许使用鼠标拖动选择框进行平移和缩放操作。

下面是一个简单的例子，展示了如何在ECharts中添加一个brush组件，并且在选中数据范围时更新另一个图表的显示。这个例子中，我们使用了默认的矩形brush类型，并且当选中的数据范围发生变化时，通过调用setOption方法更新了另一个chart的数据显示。


option = {
// ... 其他图表配置 ...
brush: {
xAxisIndex: 0,
brushType: 'rect',
brushMode: 'single',
throttleType: 'debounce',
throttleDelay: 300,
transformable: true
},
series: [
{
type: 'bar',
// ... 其他series配置 ...
},
{
type: 'line',
// ... 其他series配置 ...
}
]
};

// 获取第一张图表的实例
var chart1 = echarts.init(document.getElementById('chart1'));

// 获取第二张图表的实例
var chart2 = echarts.init(document.getElementById('chart2'));

// 在第一张图表上添加brush组件
chart1.setOption(option);

// 监听brush事件，当数据范围发生变化时更新另一个图表的显示
chart1.on('brushSelected', function(param) {
var selectedRange = param.batch[0].selected[0];
// 更新第二张图表的显示
chart2.setOption({
xAxis: {
min: selectedRange[0],
max: selectedRange[1]
}
});
});