echarts 折线图 X轴 dataZoom 中zoomLock: true 无反应

如果在 ECharts 的 `dataZoom` 组件中设置 `zoomLock: true` 无反应，可能是因为 `zoomLock` 属性只适用于某些类型的 `dataZoom` 组件。具体来说，只有 `slider` 类型的滑动条组件和 `inside` 类型的缩放组件支持 `zoomLock` 属性。

因此，如果你想要禁止鼠标选取滚动条，只允许左右滑动，可以先检查一下你的 `dataZoom` 组件的类型是否为 `slider`，如果不是的话，可以尝试将其修改为 `slider`。

示例代码如下：

option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  yAxis: {
    type: 'value'
  },
  dataZoom: {
    type: 'slider',
    zoomLock: true // 禁止鼠标选取滚动条，只允许左右滑动
  },
  series: [{
    data: [120, 200, 150, 80, 70, 110, 130],
    type: 'line'
  }]
};

在上述代码中，`dataZoom` 组件的类型为 `slider`，并且设置了 `zoomLock: true`，表示禁止鼠标选取滚动条，只允许左右滑动。

相关问题

echarts 折线图 X轴 dataZoom 禁止鼠标选取滚动条范围

您可以通过设置 `dataZoom` 的 `zoomLock` 属性来禁止鼠标选取滚动条范围。具体来说，您可以在 `option` 中的 `dataZoom` 中设置 `zoomLock` 为 `true`，如下所示：

option = {
    // ...
    dataZoom: [{
        // ...
        zoomLock: true
    }],
    // ...
};

这样就可以禁止用户通过鼠标选择滚动条范围了。

echarts 折线图 X轴 dataZoom 滚动条 禁止选取滚动条范围只允许左右滑动

要禁止选取滚动条范围，只允许左右滑动，可以设置 dataZoom 的 zoomLock 属性为 true。具体代码如下：

dataZoom: {
  type: 'slider',
  zoomLock: true, // 禁止选取范围
  // 其他配置项
}

这样设置之后，用户只能通过左右滑动滚动条来改变选中的范围，而不能通过拖拽滚动条来选取范围。