Apexchart做统计界面发现一个问题，数据全是整数，但是还显示小数点，如下图：

 网上很少有答案，自己研究了很久，分享下经验

第一种方案重新buildDefaultScript方法

  

    protected function buildDefaultScript(){$options = JavaScript::format($this->options);return <<<JS
(function () {var options = {$options};// 如果是小数的话，Y轴会被强制设置成2位小数， 这里改写Y轴的小数设置，// 注意options.yaxis.labels = { formatter: (value) => { return value }} 这种写法也是不生效options.yaxis ={labels: {formatter: (value) => { return value },}};var chart = new ApexCharts($("{$this->containerSelector}")[0],options);chart.render();
})();
JS;

第2种方案：

在图表配置加入可执行的 JS 代码

  $this->option('yaxis.labels.formatter',JavaScript::make("(value) => { return value }")  //  这个值最后段代码会作为JS代码执行);

可以自己封装一个方法继承Chat 然后在调用

    /*** 设置Y轴数据栏显示显示* 如果是小数的话，Y轴会被强制设置成2位小数， 这里改写Y轴的小数设置* @return void*/public function yaxisLabelsFormatter() {$this->option('yaxis.labels.formatter',JavaScript::make("(value) => { return value }")  //  这个值最后段代码会作为JS代码执行);}

改写后效果如下：

PS： 推荐使用第2种方案。配置灵活

图形模拟

https://codepen.io/apexcharts/pen/GQmoXPhttps://codepen.io/apexcharts/pen/GQmoXPOptions配置参考

annotations – ApexCharts.js