如何设置apexchart多轴最小值

Question

我一直在尝试自动定义和设置 Apexchart y 轴上的最小值。它适用于单个 y 轴，但是一旦添加第二个轴，最小值就会设置为 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;
      }