如何在 apexchart

如何解决如何在 apexchart

我一直在尝试在 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,100,110]
    }
  ],yaxis: [
    {
      opposite: false,min: (min) => {
        console.log('Min:',min);
        return min; 
      },max: (max) => {
        console.log('Max:',max);
        return max; 
      }
    },{
      opposite: true,max);
        return max; 
      }
    }
  ]
};

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

chart.render();

解决方法

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

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