[ default: ['rect', 'polygon', 'keep', 'clear'] ]
使用在 toolbox 中的 brush 按钮。
brush 相关的 toolbox 按钮有：
[ default: null ]
不同系列间，选中的项可以联动。
参见如下效果（刷选一个 scatter，其他 scatter 以及 parallel 图都会有选中效果）：
brushLink 配置项是一个数组，内容是 seriesIndex，指定了哪些 series 可以被联动。例如可以是：
注意
brushLink 是通过 dataIndex 进行映射，所以需要保证，联动的每个系列的 data 都是 index 对应的。*
例如：
option = {
brush: {
brushLink: [0, 1]
},
series: [
{
type: 'bar'
data: [232, 4434, 545, 654] // data 有四个项
},
{
type: 'parallel',
data: [[4, 5], [3, 5], [66, 33], [99, 66]] // data 同样有四个项，两个系列的 data 是对应的。
}
]
}; [ default: 'all' ]
指定哪些 series 可以被刷选，可取值为：
[ default: null ]
指定哪些 geo 可以被刷选。
可以设置 brush 是『全局的』还是『属于坐标系的』。
全局 brush
在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。
坐标系 brush
在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。
坐标系 brush 实际更为常用，尤其是在 geo 中。
通过指定 brush.geoIndex 或 brush.xAxisIndex 或 brush.yAxisIndex 来规定可以在哪些坐标系中进行刷选。
这几个配置项的取值可以是：
例如：
option = {
geo: {
...
},
brush: {
geoIndex: 'all', // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。
...
}
}; 例如：
option = {
grid: [
{...}, // grid 0
{...} // grid 1
],
xAxis: [
{gridIndex: 1, ...}, // xAxis 0，属于 grid 1。
{gridIndex: 0, ...} // xAxis 1，属于 grid 0。
],
yAxis: [
{gridIndex: 1, ...}, // yAxis 0，属于 grid 1。
{gridIndex: 0, ...} // yAxis 1，属于 grid 0。
],
brush: {
xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。
...
}
}; [ default: null ]
指定哪些 xAxisIndex 可以被刷选。
可以设置 brush 是『全局的』还是『属于坐标系的』。
1、全局 brush
在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。
2、坐标系 brush
在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。
坐标系 brush 实际更为常用，尤其是在 geo 中。
通过指定 brush.geoIndex 或 brush.xAxisIndex 或 brush.yAxisIndex 来规定可以在哪些坐标系中进行刷选。
这几个配置项的取值可以是：
例如：
option = {
geo: {
...
},
brush: {
geoIndex: 'all', // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。
...
}
}; 例如：
option = {
grid: [
{...}, // grid 0
{...} // grid 1
],
xAxis: [
{gridIndex: 1, ...}, // xAxis 0，属于 grid 1。
{gridIndex: 0, ...} // xAxis 1，属于 grid 0。
],
yAxis: [
{gridIndex: 1, ...}, // yAxis 0，属于 grid 1。
{gridIndex: 0, ...} // yAxis 1，属于 grid 0。
],
brush: {
xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。
...
}
}; [ default: null ]
指定哪些 yAxisIndex 可以被刷选。
可以设置 brush 是『全局的』还是『属于坐标系的』。
1、全局 brush
在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。
2、坐标系 brush
在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。
坐标系 brush 实际更为常用，尤其是在 geo 中。
通过指定 brush.geoIndex 或 brush.xAxisIndex 或 brush.yAxisIndex 来规定可以在哪些坐标系中进行刷选。
这几个配置项的取值可以是：
例如：
option = {
geo: {
...
},
brush: {
geoIndex: 'all', // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。
...
}
}; 例如：
option = {
grid: [
{...}, // grid 0
{...} // grid 1
],
xAxis: [
{gridIndex: 1, ...}, // xAxis 0，属于 grid 1。
{gridIndex: 0, ...} // xAxis 1，属于 grid 0。
],
yAxis: [
{gridIndex: 1, ...}, // yAxis 0，属于 grid 1。
{gridIndex: 0, ...} // yAxis 1，属于 grid 0。
],
brush: {
xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。
...
}
}; [ default: 'rect' ]
默认的刷子类型。
[ default: 'single' ]
默认的刷子的模式。可取值为：
[ default: true ]
已经选好的选框是否可以被调整形状或平移。
选框的默认样式，值为：
{
borderWidth: 1,
color: 'rgba(120,140,180,0.3)',
borderColor: 'rgba(120,140,180,0.8)'
}, [ default: 'fixRate' ]
默认情况，刷选或者移动选区的时候，会不断得发 brushSelected 事件，从而告诉外界选中的内容。
但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 brush.throttleType，brush.throttleDelay 来解决这个问题。
throttleType 取值可以是：
例如这个 例子，就是使用了 debounce的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。
[ default: 0 ]
默认为 0 表示不开启 throttle。
默认情况，刷选或者移动选区的时候，会不断得发 brushSelected 事件，从而告诉外界选中的内容。
但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 brush.throttleType，brush.throttleDelay 来解决这个问题。
throttleType 取值可以是：
例如这个 例子，就是使用了 debounce的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。
[ default: true ]
在 brush.brushMode 为 'single' 的情况下，是否支持『单击清除所有选框』。
定义在选中范围中的视觉元素。
可选的视觉元素有：
大多数情况下，inBrush 可以不指定，维持本来的视觉配置。
定义在选中范围外的视觉元素。
可选的视觉元素有：
注意，如果 outOfBrush 没有指定，默认会设置 color: '#ddd'，如果你不想要这个 color，比如可以换成：
brush: {
...,
outOfBrush: {
colorAlpha: 0.1
}
} [ default: 10000 ]
brush 选框的 z-index。当有和不想管组件有不正确的重叠时，可以进行调整。
备案信息： 粤ICP备15087711号-2
Copyright © 2008-2024 啊嘎哇在线工具箱 All Rights.
本站所有资料来源于网络，版权归原作者所有，仅作学习交流使用，如不慎侵犯了您的权利，请联系我们。