Question

我正在尝试为带有VictoryBar的VictoryGroup的标签的2 x轴。一个轴应为该组添加标签，而另一个轴应为每个条/列添加标签。我已经花了几个小时，但不确定如何实现。

我尝试添加第二条轴，但是我得到的是与条形图不对齐的刻度线。

      <VictoryChart ref={chartRef}>
        <VictoryGroup
          ref={groupRef}
          offset={barWidth + 5}
          colorScale="qualitative"
        >
          {data.map(d => (
            <VictoryBar
              barWidth={barWidth}
              theme={theme.chart}
              data={d.data}
              labels={datum => `${datum.y}${dataUnit}`}
              {...props}
            />
          ))}
          <VictoryAxis style={{ axis: { stroke: 'none' } }} />
        </VictoryGroup>
        <VictoryAxis offsetY={30} style={{ axis: { stroke: 'none' } }} />
      </VictoryChart>

我想实现这一目标： https://user-images.githubusercontent.com/4308339/60723291-ea0b3280-9f3b-11e9-8097-9f43bb27de17.png

如何在胜利分组图表中添加2个轴？

0 个答案: