首页 > 解决方案 > 使用工具箱的数据缩放按钮时如何使y轴的最小值/最大值与所选区域的边界匹配

问题描述

最近我正在使用 echarts 的 dataZoom 功能。但我发现它的默认行为有点奇怪。例如,如果我选择这样的区域: 在此处输入图像描述

我期望的是图表上没有数据点,因为我没有选择任何数据。但我得到的是: 在此处输入图像描述

如您所见,yaxis 的最大值是曲线的最大值,而不是我选择区域的顶部边界。有什么办法可以改善吗?

这是我的代码的一部分:

config = {
    ...
    toolbox: {
          show: true,
          feature: {
            dataZoom: {
              filterMode: 'none'
            }
          }
        },
        dataZoom: [
          ...channelList.map((c, i) => ({
            type: 'inside',
            // xAxisIndex: 'none',
            filterMode: 'none' as any,
            yAxisIndex: i
          })),
          {
            type: 'inside',
            // xAxisIndex: 'none',
            filterMode: 'none',
            xAxisIndex: 0
          },
          {
            type: 'slider',
            // xAxisIndex: 'none',
            filterMode: 'none',
            xAxisIndex: 0
          }
    }
}

标签: echarts

解决方案


推荐阅读