Can I have only integer values in Y - axis when actual values may be non-integer?

[DinooliUduwarage]

I want to get rid of the decimal places in the right y axis, yet my column values can be non-integer
@junedchhipa

[junedchhipa]

Yes, you can use the yaxis.labels.formatter function to format the values according to your needs.

yaxis: [
  {
    labels: {
      formatter: function(val) {
        return val.toFixed(0);
      }
    }
  }
]

[DinooliUduwarage]

In here you can get integer values to the y axis but, if the bar graph actual value is also rounded up or down to nearest integer. When you hover over the bar you see 36 if the actual value is 35.7, and 42 when actual value is 42,3.

This is my actual value 35.5, but here the y axis values have decimal points,where I have limited to 2 points.

This is how u get values when applied above function, you can see there my actual value is rounded up n y axis have integers
what I need is to display my actual value as it is in decimal points and y axis have only integer values
@junedchhipa

[Olgagr]

@DinooliUduwarage Did you solve this somehow? I would like to have the same effect.

[aeharake]

Yes, you can use the yaxis.labels.formatter function to format the values according to your needs.

yaxis: [
  {
    labels: {
      formatter: function(val) {
        return val.toFixed(0);
      }
    }
  }
]

Thank you, this works.

[invisibled]

Yes, you can use the yaxis.labels.formatter function to format the values according to your needs.

yaxis: [
  {
    labels: {
      formatter: function(val) {
        return val.toFixed(0);
      }
    }
  }
]

This is not a great solution. Any manipulation of val creates duplicate labels. eg. 1.2 and 1.6 become 1, in two spots. Would be great to have an option to force only integers.

[markalroberts]

In here you can get integer values to the y axis but, if the bar graph actual value is also rounded up or down to nearest integer. When you hover over the bar you see 36 if the actual value is 35.7, and 42 when actual value is 42,3. This is my actual value 35.5, but here the y axis values have decimal points,where I have limited to 2 points. This is how u get values when applied above function, you can see there my actual value is rounded up n y axis have integers what I need is to display my actual value as it is in decimal points and y axis have only integer values @junedchhipa

Agreed - I would like to be able to have points on the chart be 2dps for accuracy but have the labels on the y-axis be rounded for readability. The label formatter seems to format both at the same time which is not good.

       yaxis: {
            labels: {
                formatter: function (val) {
                    return val.toFixed(0);
                }
            }
        },
        tooltip: {
            y: {
                formatter: function (val) {
                    return val.toString();
                }
            }
        }

Fixes it for me