echarts 选中状态数据下钻

ECharts 选中状态数据下钻可以通过以下步骤实现：

1. 首先需要在 ECharts 图表中开启 `selected` 配置项，该配置项可以控制图表中数据选中时的状态。例如：

   option = {
       // ...
       series: [{
           type: 'bar',
           data: [10, 20, 30, 40, 50],
           emphasis: {
               itemStyle: {
                   color: 'blue'
               }
           },
           selected: {
               // 默认选中第一项数据
               0: true
           }
       }]
   };

在上述示例中，`selected` 配置项被设置为默认选中第一项数据，这样当图表渲染完成后，第一项数据会处于选中状态。

2. 接下来，需要在 ECharts 图表中监听 `click` 或 `mousedown` 事件，以获取用户选中的数据项。例如：

   myChart.on('click', function (params) {
       console.log(params);
   });

在上述示例中，`click` 事件被设置为图表点击事件，当用户点击图表中的数据项时，控制台会输出该数据项的信息。

3. 最后，可以在 `click` 或 `mousedown` 事件的回调函数中，根据用户选中的数据项进行相应的下钻操作。

   myChart.on('click', function (params) {
       if (params.componentType === 'series') {
           // 获取用户选中的数据项
           var dataIndex = params.dataIndex;
           // 根据数据项进行下钻操作
           // ...
       }
   });

在上述示例中，通过判断 `params.componentType` 是否为 `series`，可以判断用户是否选中了数据项。如果用户选中了数据项，可以通过 `params.dataIndex` 获取该数据项的索引，并根据索引进行下钻操作。

需要注意的是，ECharts 选中状态数据下钻的具体实现方式，还需要根据具体的业务需求来进行调整和优化。