Echart区域选中

Echarts支持通过区域选择组件来实现区域选中功能。区域选择组件可以绑定到指定的图表上，当用户通过鼠标在图表上进行拖拽时，可以选中指定区域。

以下是一个简单的示例，演示了如何在Echarts中使用区域选择组件实现区域选中功能：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 配置项
var option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'bar'
  }],
  // 区域选择组件
  dataZoom: {
    type: 'slider',
    show: true,
    start: 0,
    end: 100
  }
};

// 使用配置项设置图表
myChart.setOption(option);

在上述示例中，我们创建了一个柱状图，并使用区域选择组件来实现区域选中功能。其中，`dataZoom` 是用于配置区域选择组件的选项，包括 `type`（类型）、`show`（是否显示）、`start`（初始起始位置）、`end`（初始结束位置）等。

在实际使用中，可以根据需要调整 `dataZoom` 的配置项，来实现不同的区域选中效果。