我正在使用VueJS和SVG创建3D柱状图，在其中我已成功实现了该图，但面临将形成柱的多段折线点相互重叠的困难。

我的3D图表在下面

但是我希望这些示例图表能够覆盖这些列

我已通过在每个系列上使用计数器来改变索引来设置z-index，希望它们可以彼此重叠，但是我无法使其正常工作。

这是我的代码行

<g>
  <template v-for="(points,i) in barColumnPlot">
    <template v-for="(point,j) in points.series">
      <g style="stroke-width:1;" :stroke="point.stroke" :fill="point.stroke" fill-opacity="0.9" :style="'z-index:'+point.zIndex+';'">
        <polyline :points="point.front" />
        <polyline :points="point.right" />
        <polyline :points="point.top" />
      </g>
    </template>
  </template>
</g>

请帮助我。