Larapex Charts添加多组数据后折线图异常显示为单点的问题求助
Larapex Charts添加多组数据后折线图异常显示为单点的问题求助
各位好,我最近在开发一个Laravel仪表盘,用Larapex Charts组件来同时展示多个图表,之前单组数据的情况一切正常,但当我尝试给其中一个折线图添加第二组数据时,出现了奇怪的问题,想请大家帮忙看看。
先给大家看下我的控制器代码,这里负责注入Chart实例并传递构建好的图表数据到视图:
public function index( FcrChart $fcrChart, ProduksiChart $produksiChart, KandangChart $kandangChart ) { return view('dashboard.index', [ 'title' => 'Dashboard', 'harians' => AyamHarian::latest()->paginate('10'), 'fcrChart' => $fcrChart->build(), 'produksiChart' => $produksiChart->build(), 'kandangChart' => $kandangChart->build() ]); }
接下来是折线图的build()方法,原本这个方法只返回一组数据时,图表是正常渲染的:
public function build(): \ArielMejiaDev\LarapexCharts\LineChart { $year = date("Y"); $month = date("m"); for ($i = 1; $i <= $month; $i++) { $avgProduction = AyamHarian::whereYear('tanggal', $year) ->whereMonth('tanggal', $i) ->avg('produktifitas'); $roundedValue = round($avgProduction, 3); $months[] = Carbon::create()->month($i)->format("F"); $avgData[] = $roundedValue; } return $this->chart->lineChart() ->setTitle('Produksi Bulanan') ->setSubtitle('Tahun ' . date("Y")) ->addData('Rata-rata Produktivitas', $avgData) ->setHeight(430) ->setXAxis($months); }
但当我在返回图表的代码里多调用一次addData()添加模拟数据后,问题就出现了:
return $this->chart->lineChart() ->setTitle('Produksi Bulanan') ->setSubtitle('Tahun ' . date("Y")) ->addData('Rata-rata Produktivitas', $avgData) ->addData('Fake Data', [10.34, 20.45, 30.23, 32.54, 43.30, 12.30, 23.37, 37.34, 60.25, 34.25, 23.33]) ->setHeight(430) ->setXAxis($months);
此时页面上其他图表都能正常展示,唯独标题为Produksi Bulanan的折线图异常,只显示一个孤立的点,完全不是预期的两组折线数据。
有没有朋友遇到过类似的问题?或者能帮我排查下代码里哪里可能出问题了吗?
备注:内容来源于stack exchange,提问作者user28349087
相关产品推荐
相关产品推荐

