Apexcharts市场深度图跨浏览器渲染异常：Chrome中序列重叠错位

ApexCharts在未显式指定x轴类型时，默认启用category分类轴渲染规则。不同浏览器对分类轴的序列合并计算逻辑存在实现差异：

• Chrome环境下，会自动对两个数据系列的点按先后顺序做索引对位排列，忽略数据点携带的x坐标实际数值，导致第二个系列错位重叠到第一个系列的位置上
• Firefox环境下，解析逻辑会优先提取所有出现过的x值做全量排序后等距排布，因此能呈现符合预期的双系列分开展示效果

在原有图表配置中，显式声明x轴为连续数值轴类型，强制图表按照数据点传入的x值做实际位置映射，即可统一两个浏览器的渲染表现。
需要在options配置中追加以下内容：

xaxis: {
  type: 'numeric' // 覆盖默认的category轴类型，切换为连续数值轴
}

如果需要优化图表边距适配市场深度图的展示习惯，可额外补充范围配置：

xaxis: {
  type: 'numeric',
  min: 475,
  max: 525,
  tickAmount: 10
}

配置生效后，Chrome和Firefox都会严格依据传入的x坐标值定位每个数据点的横向位置，彻底消除错位重叠问题。

内容的提问来源于stack exchange，提问作者fractalgod