胜利栏与x轴重叠

问题描述

在Victory的帮助下，我想创建一个显示人员帐户余额的条形图。在这一点上，我有一个图表looks like this。我不希望酒吧覆盖用户的姓名。如何做到这一点，如果用户的余额为负，则其名称将显示在轴的右侧？

 const data = [
    { name: "Mark",balance: 50 },{ name: "Cathy",balance: 20 },{ name: "Henry",balance: -70 },];
<VictoryChart
        width={350}
        domainPadding={20}
        horizontal={true}
        children={[
          <VictoryAxis />,<VictoryBar
        data={data}
        x='name'
        y='balance'
        alignment='middle'
        labels={({ datum }) => datum.balance}
        barRatio={1.5}
        textAnchor='middle'
        style={{
          data: {
            fill: ({ datum }) => (datum.balance >= 0 ? "#0F0" : "#F00"),},}}
      />,]}></VictoryChart>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）