You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.15 10:04:37