Apexcharts.js: Horizontal bar axis not showing last (max) label & tick

[yairEO]

https://codepen.io/vsync/pen/XvMPGq

When using horizontal bar chart, with data set such as [10,20,100], the _xaxis_ last label (and tick) are missing. Expected to show the value 100 in the right-most side:

Options:

{
  chart: {
    height: 380,
    width: "100%",
    type: "bar"
  },
  plotOptions: {
      bar: {
          barHeight: '100%',
          horizontal: true   // ← "true" flip the axis, "100" is not shown anymore
      }
  },
  series: [
    {
      name: "Series 1",
      data: [10,20,100]
    }
  ]
}

When horizontal set to false and the axis flip, the max value is shown as expected & at the current position (although now on the Y axis)

[MerApelsin]

I'm wonder this as well but using React instead. Hoping for someone to shed some light on this! :)

[tanguyvda]

I've noticed that too

[ThinkSalat]

I have the same problem

[junedchhipa]

The last x-axis label is intentionally hidden to avoid overflowing in some cases.
But, I think, in horizontal bar charts, this should be avoided.

I will change this behavior for horizontal bar charts.

[algresie]

The last x-axis label is intentionally hidden to avoid overflowing in some cases.
But, I think, in horizontal bar charts, this should be avoided.

I will change this behavior for horizontal bar charts.

How can I hide the max and show the min label in horizontal bar charts?

[manhbui21]

Is there any way to change this in timeline chart? @junedchhipa

[sophiabarclay]

Will there be a future solution where the final x-axis value is not hidden but also not cut off? (I'm specifically concerned with area charts). @junedchhipa

[rutpshah-omnirio]

What should be done to show last label in Line Chart Dual Axis? @junedchhipa