如何在apexchart的多轴中设置最小值

Question

我一直在尝试在 Apexchart 的 yaxis 上自动定义和设置一个最小值。它适用于单个 yaxis，但是一旦我添加第二个轴，最小值将设置为 0。在下面的示例中，我在控制台中记录了最小值和最大值。

这可能是图表库中的错误，但我想知道是否有任何解决方法。如果我手动设置一个最小值，它工作正常。

代码笔：https://codepen.io/Kogelet/pen/rNmMgJE?editors=1111

console.clear();

var options = {
  chart: {
    height: 380,
    width: "100%",
    type: "line"
  },
  series: [
    {
      name: "Series 1",
      data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]
    },
    {
      name: "Series 1",
      data: [20, 30, 40, 50, 60, 70, 80, 90, 100, 110]
    }
  ],
  yaxis: [
    {
      opposite: false,
      min: (min) => {
        console.log('Min:', min);
        return min; 
      },
      max: (max) => {
        console.log('Max:', max);
        return max; 
      }
    },
    {
      opposite: true,
      min: (min) => {
        console.log('Min:', min);
        return min; 
      },
      max: (max) => {
        console.log('Max:', max);
        return max; 
      }
    }
  ]
};

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render();

Answer 1

我用自定义函数解决了这个问题。

min: (min) => {
        min = Math.min(...options["series"][0]["data"]);
        console.log("Min:", min);
        return min;
      }

如何在apexchart的多轴中设置最小值

How to set min value in multi yaxis of apexchart

javascript

apexcharts