【问题标题】:How to add space between chart and tick labels?如何在图表和刻度标签之间添加空格?
【发布时间】:2023-03-25 19:28:01
【问题描述】:

试图了解Victory 的工作原理。开箱即用,我注意到“刻度标签”和chart 之间没有间距。您可以看到我尝试手动更改标签位置,但未应用位置样式。这很奇怪,因为在他们文档的所有示例中似乎都有空间。这是我的component。 似乎是一个不应该很难解决的问题,但我没有任何运气。

【问题讨论】:

    标签: javascript css reactjs victory-charts


    【解决方案1】:

    这里的tick labels 是yAxis 值($20k$15k、..etc)? 我的解决方案是在值的末尾添加一两个空格,例如 20k

    【讨论】:

      【解决方案2】:

      你可以添加tickLabelComponent

      tickLabelComponent={<VictoryLabel dx={-6} dy={-6}/>}

      在 Victoryaxis 组件中更改特定轴的刻度标签样式。

      【讨论】: