Question

我对Apexchart非常陌生，所以也许可以用一个简单的方法解决我的问题，但是坦率地说，我一直在整个下午努力，但都没有成功。

我用Vueapexcharts绘制了一个散点图（我相信它在没有Vue包装器的情况下也能以相同的方式工作）。我使用“选择”元素来过滤将出现在图表上的数据。

无论我对数据应用哪个过滤器（使用“ select”元素），我都希望在x轴上保持相同的最小值和最大值。当我更换过滤器时，数据确实会更新（图表上显示的点也会相应更改），但是xaxis会根据过滤后的数据的值自动缩放，并且会松散在选项中指定的最小值和最大值。例如，假设在应用任何过滤条件之前（即页面加载时），我在xaxis上的最小值为0，最大值为6，当我应用过滤器时，xaxis的最小值和最大值会自动更新为“适合”过滤后的数据（例如{名称：“示例数据”，数据：[[2.5，3.5]]}）。

这些是我当前为xaxis设置的选项（如您所见，我尝试使用“范围”，但在特定情况下它实际上不起作用）：

xaxis:{
        type:"numeric",
         min:0,
         max:6,
         range:6,
         tickAmount:6,
         title:{
           text:"Niveau de dialogue"
         },
         tickPlacement:"on",
         crosshairs:true, 
         tooltip:true
        
      },

我使用的数据只是对象列表：

    data:[
      { name: "PP1", data: [[4.5,0.5]]},
      { name: "PP2", data: [[5.5,2.5]]},
      { name: "PP3", data: [[2.5,1.5]]},
      { name: "PP4", data: [[3.5,2.5]]},
      { name: "PP5", data: [[2.5,0.5]]},
      { name: "PP6", data: [[3.5,2.5]]},
    ],

Apexchart / vueapexchart：更新散点图时，在xaxis上保持相同的最小值和最大值吗？

0 个答案: