echart brush inBrush 自定义样式

ECharts中的brush组件可以用于数据区域缩放、刷选等操作。在brush的配置项中，可以通过`inBrush`属性来设置brush选框内部的样式。

以下是一个示例：

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: 'sales',
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: 'line',
    smooth: true
  }],
  brush: {
    toolbox: ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'],
    xAxisIndex: 0
  },
  toolbox: {
    feature: {
      dataView: {},
      saveAsImage: {
        pixelRatio: 2
      }
    }
  },
  visualMap: {
    type: 'continuous',
    dimension: 0,
    text: ['High', 'Low'],
    inverse: true,
    itemHeight: 200,
    calculable: true,
    min: 0,
    max: 6,
    top: 60,
    left: 10,
    inRange: {
      colorLightness: [0.4, 0.8]
    },
    outOfRange: {
      color: '#bbb'
    },
    controller: {
      inRange: {
        color: '#2f4554'
      }
    }
  },
  inBrush: {
    color: 'rgba(255, 255, 255, 0.5)', // 设置选框内部的颜色
    borderWidth: 1, // 设置选框边框宽度
    borderColor: 'rgba(0, 0, 0, 0.8)' // 设置选框边框颜色
  }
};

在上述示例中，我们通过`inBrush`配置项设置了选框内部的样式，包括颜色、边框宽度和边框颜色。你可以根据自己的需求进行调整。