Tengo problemas para establecer valores de solo números enteros en el eje x del gráfico de barras. Alguien me puede ayudar en como solucionar esto.

Esta es mi caja de arena: https://codesandbox.io/s/react-line-chart-forked-0409lk?file=/src/LineChart.js

Lo he intentado, allowDecimal: false, min:0, float:0 . Nada funcionó.

Se agradece la ayuda

 import * as React from "react"; import Highcharts from "highcharts"; import HighchartsReact from "highcharts-react-official"; import HC_exporting from "highcharts/modules/exporting"; HC_exporting(Highcharts); function Chart(props) { const chartOptions = { chart: { type: "bar", height: 250 }, xAxis: { type: "category", visible: true, gridLineWidth: 1, floor: 0, tickInterval: 1, min: 0 }, yAxis: { min: 0, title: { text: null } }, plotOptions: { column: { dataLabels: { enabled: true, crop: false, overflow: "none" } } }, series: [{ data: props.chartData }] }; return <HighchartsReact highcharts={Highcharts} options={chartOptions} />; } export default Chart;