You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

ApexCharts Y轴边框z-index调整:将其置于标记后方

ApexCharts Y轴边框置于Marker后方的解决方法

ApexCharts Y轴边框层级问题

问题:尝试将Y轴边框置于标记(marker)后方,但操作未生效,请求帮助。

解决方案

ApexCharts 默认层级关系中,Y轴边框的 z-index 高于图表标记(marker),需通过自定义 CSS 调整层级:

  1. 添加层级调整样式
    在项目样式文件中插入以下代码:
/* 将Y轴边框层级设为低于marker */
.apexcharts-yaxis-line {
  z-index: 2 !important;
}

/* 确保标记层级更高(默认已为3,可省略) */
.apexcharts-marker {
  z-index: 3;
}
  1. 验证效果
    添加样式后,Y轴边框会被渲染在标记后方,即可实现需求。

内容的提问来源于stack exchange,提问作者razer

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 10:55:19