echart开启lineX获取选择后的像素值

如果你想在 ECharts 中开启 lineX 组件，并获取选择后的像素值，可以按照以下步骤操作：

1. 在 ECharts 初始化时，需要开启 brush 组件，并设置 lineX 工具按钮，示例代码如下：

   option = {
     // ... 其他配置
     brush: {
       toolbox: ['rect', 'polygon', 'lineX', 'lineY', 'keep', 'clear'],
       xAxisIndex: 0
     },
     // ... 其他配置
   };

在上述代码中，我们通过 `brush` 属性来启用框选功能，并设置了一些工具按钮和目标轴。其中，`lineX` 工具按钮表示开启 lineX 组件。

2. 注册 `brushSelected` 事件，获取选择后的像素值，示例代码如下：

   myChart.on('brushSelected', function (params) {
     var brushComponent = params.brushComponents[0];
     var selectedRanges = brushComponent.selected[0];
     var xAxis = myChart.getModel().getComponent('xAxis', 0);
     var pixelStart = xAxis.axis.toGlobalCoord(selectedRanges[0]);
     var pixelEnd = xAxis.axis.toGlobalCoord(selectedRanges[1]);
     console.log('选择的像素范围为：', pixelStart, pixelEnd);
   });

在上述代码中，我们从 `params` 参数中获取到 `brushComponents` 数组，并通过 `brushComponents[0]` 获取到第一个刷选组件。然后从刷选组件中获取到 `selected` 数组，这个数组中保存了所有框选的区间范围。由于我们开启了 lineX 组件，因此这个数组中只有一个元素，所以我们使用 `selectedRanges = brushComponent.selected[0]` 来获取元素。接下来，通过 ECharts 提供的 API `toGlobalCoord` 将区间范围转换为像素值。最后，我们将像素范围打印到控制台中。

需要注意的是，在上述代码中，我们假设页面中只有一个 x 轴，并且这个 x 轴的索引为 0。如果页面中存在多个 x 轴，或者 x 轴的索引不是 0，需要根据自己的需求修改代码。