如何为胜利轴上的刻度动态创建 y 轴值？

Question

I have created a victory bar chart to show employee attrition. But y-axis of the chart is showing floating values instead of an integer but as employees' count can not be in floating point I want to show y-axis values in integer number only so the solution for the same is to define custom tick values as

 <VictoryAxis tickValues={[2, 4, 6, 8]}/>

But I don't know how I dynamically generate ticks array for my y-axis values. Here is how my graph looks:

Answer 1

How specifically you get the values will vary depending on what your data is, but you can generally get them by grabbing a max and a min, and then getting evenly spaced values in between (or pushing the maximum up in order to do so). You can then pass the generated values to you VictoryAxis like this:

const generatedValues = // code to generate the wanted values

...

<VictoryAxis tickValues={generatedValues}>