ApexchartsX轴缩放行为异常
创始人
2024-11-10 02:30:37
0

一种可能的解决方法是使用minX和maxX属性来设置X轴可见的最小值和最大值,以确保缩放时图表的可见部分不会超出范围。

例如:

options: {
  chart: {
    zoom: {
      enabled: true
    }
  },
  xaxis: {
    type: 'datetime',
    minX: new Date('2021-01-01').getTime(),
    maxX: new Date('2021-12-31').getTime()
  }
}

在上面的示例中,使用minX和maxX属性限制了X轴的范围,以便在缩放时图表只能显示在指定的开始和结束日期之间的数据。

另一个可能的解决方法是使用zoomed事件来监控缩放事件,并对X轴进行手动缩放。

例如:

chart.on('zoomed', function({xaxis}) {
  const [minX, maxX] = xaxis.get('minMax')

  if (minX !== null && maxX !== null) {
    xaxis.options.min = minX
    xaxis.options.max = maxX
  }
})

在上面的示例中,我们使用chart.on()函数来监听缩放事件,然后手动更新X轴的min和max属性。

请注意,这两种方法可能需要根据您的具体情况进行调整和优化。

相关内容

热门资讯

红龙扑克辅助工具!红龙扑克有没... 红龙扑克辅助工具!红龙扑克有没有作假,(红龙扑克)竟然存在有挂(详细辅助工具教程);一、AI软件牌型...
aapoker有挂!aapok... 1、aapoker有挂!aapoker透明挂多久被封,(aapoker俱乐部后台)真是是有挂(详细有...
微扑克ai机器人!微扑克怎么在... 微扑克ai机器人!微扑克怎么在软件内设置,(微扑克代打)都是是有挂(详细有辅助挂教程)关于微扑克ai...
德扑安卓!德扑胜率计算软件,德... 德扑安卓!德扑胜率计算软件,德扑之星自定义原来存在有挂(详细有作弊教程);1. ai辅助创建新账号,...
微扑克辅助挂!德州微扑克外挂是... 微扑克辅助挂!德州微扑克外挂是真的吗,(微扑克代打)真是存在有挂(详细系统发牌规律教程)1、点击下载...
德扑之星解说!德扑数据软件,德... 德扑之星解说!德扑数据软件,德扑ai操作其实真的有挂(详细起手牌胜率图教程);原来确实真的有挂(需添...
德扑ai人工智能!德扑之星可以... 《德扑ai人工智能!德扑之星可以看底牌吗,德扑之星自定义真是真的有挂(详细透明教程)》 软件透明挂更...
微扑克全自动机器人!微扑克有辅... 微扑克全自动机器人!微扑克有辅助挂吗,(微扑克app)本来存在有挂(详细系统发牌规律教程);玩家必备...
微扑克辅助挂!微扑克ai代打,... 微扑克辅助挂!微扑克ai代打,(微扑克有辅助挂)好像是有挂(详细辅助挂教程);(需添加指定薇7574...
微扑克辅助挂!微扑克职业代打,... 微扑克辅助挂!微扑克职业代打,(微扑克规律)一直真的有挂(详细系统发牌规律教程);大神普及一款德州a...