Echarts——从获取到显示、数组转换

最新推荐文章于 2022-10-17 14:39:47 发布

RZ_J9pp

最新推荐文章于 2022-10-17 14:39:47 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP

本文链接：https://blog.youkuaiyun.com/RZ_J9pp/article/details/89045756

PHP 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用PHP从数据库查询数据并将其转换为适合ECharts使用的格式的方法。具体包括如何通过PHP后台代码查询数据库并将结果集转换为数组，再将这些数组传送到前端页面进行图表绘制的过程。此外还涉及了一维数组向二维数组转换的技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//php后台查询数据库代码

$Recordss = DB::select("select topten,sum(checked) as count from tbl_records where checked = 1 group by topten");
dd($Recordss );

查询结果显示：

结果集转换数组，传到前台页面接收：

//php代码
        $topten = [];
        $count = [];                     //创建两个一维数组，分开存放柱状图的x,y轴的数据
        foreach ($Recordss as $item) {
            $topten[] = $item->topten;
            $count[] = $item->count;
        }
        return view('chart', ['topten' => $topten, 'count' => $count]);

//前台JS接收php传过来的数据（echarts)

x-data: [
     @foreach($topten as $key=>$value)
        '{{$value}}',
     @endforeach
]
y-data: [
  @foreach($count as $key=>$value)
       '{{$value}}',
  @endforeach
]

一维数组转二维数组

public function getchart_bing()
    {
        $obj = new RecordsBll();
        $list = $obj->getchart();
        $topten = [];
        $count = [];
        foreach ($list as $item) {
            $topten[] = $item->topten;
            $count[] = $item->count;
        }
        $data = [];
        for ($i = 0; $i < count($topten); $i++) {
            $data[] = ['topten' => $topten[$i], 'count' => $count[$i]];
        }
        return view('chart-bing', ['count' => $data]);
    }

前台JS饼状图数据接收：

data: [
     @foreach($count as $key=>$value)
       
        { value: '{{$value["count"]}}', name: '{{$value["topten"]}}' },

     @endforeach
]