echarts x轴使用 boundaryGap和axisTick.alignWithLabel属性后,如何让网格线也一起对齐?

echarts x轴使用 xAxis.boundaryGap和xAxis.axisTick.alignWithLabel属性为true后,会让刻度标签和刻度线偏移不会从0刻度开始,但是splitLine属性的网格线没办法移动有没有办法让三者对齐?
现在效果:
image.png
想要的效果
image.png

阅读 2.8k
2 个回答

看了下 echarts 的配置,应该通过 xAxis 的 splitLine 是行不通的,不过可以用 markLine 来实现

我是用markLine来做的 可以实现

        markLine: {
          zlevel: 1,
          animation: false,
          symbol: ["none", "none"],
          label: { show: false },
          lineStyle: {
            type: "solid",
            color: "#f0f0f0",
          },
          // 根据需要显示辅助线 这里显示了全部
          data: mockData.map((item, index) => ({ xAxis: index })),
        },
推荐问题