Poor handling for non-integer values on the y-axis

[apexcharts]

Poor handling for non-integer values on the y-axis

[junedchhipa]

@MichaelDanielTom
Removed the condition where smaller values were generating no ticks / single tick on y-axis.
Now, You can control the number of ticks that can be generated by this option

options.yaxis.tickAmount = 6

However, the way you have handled the float values by .toFixed(2) is required for now. I will check whether the series contains float numbers and based on that - decide whether to round off or not.

Thanks

[junedchhipa]

Updated the "fraction/decimal" part to allow the user to give a default value.
Currently, the default is set to 2 - b37f249
The option can be set at options.yaxis.decimalsInFloat
Need to add in the docs

[ffxsam]

Seems like yaxis.decimalsInFloat doesn't work. I set it to 0, yet I still see decimals in my Y axis:

Instead, I have to set this in my yaxis options:

labels: {
  formatter: (value: number) => Math.floor(value),
},

[junedchhipa]

Fixed the decimal places also.
Now you don't need to provide options.yaxis.labels.formatter = val => val.toFixed(2) for handling small values

[MichaelDanielTom]

Thanks so much Juned!

[MichaelDanielTom]

@junedchhipa Quick possible improvement could also be to default the representation for floats to truncate after a reasonable amount. Thoughts?

[junedchhipa]

Not a bad idea to avoid long fraction parts.
And what should be the name of this option? options.yaxis.decimalsInFloat sounds good? :)

[paaaz]

Seems like yaxis.decimalsInFloat doesn't work. I set it to 0, yet I still see decimals in my Y axis:

Instead, I have to set this in my yaxis options:

labels: {
  formatter: (value: number) => Math.floor(value),
},

I can confirm that, it already worked with previous versions, now with v3.27.3 it does not seem to work

[malcolm7778]

try using react-chartjs-2