yii2学习笔记---- echart折线图表

这篇博客介绍了如何在Yii2框架中集成Echarts库来创建折线图表。首先通过Composer安装'hisune/echarts-php'插件,然后在控制器处理数据并传递到视图。在视图部分,展示如何根据数据插入折线图的代码。如果遇到问题,可以手动下载Echarts-PHP包并配置到vendor目录下,同时更新composer的相关文件,并在web/js目录下创建chart.js用于加载图表。
摘要由CSDN通过智能技术生成

使用composer 下载插件

在命令行 进入到项目根目录下输入composer require "hisune/echarts-php"进行下载

在视图打印一下控制器传过来的值来确定你所需要的数据

控制器:

然后在视图加上折线图表的代码(根据自己所需的数据来调整)

?<php
use Hisune\EchartsPHP\ECharts;
?>
<div id="chart1">
        <?php  //print_r($models);exit;//打印控制器传来的值
        foreach ($models as $key => $res) {
            $time[] = $res['time'];
            $gold_income[] = $res['gold_income'];
            $gold_expenditure[] = $res['gold_expenditure'];
            $totalGold[] = $res['totalGold'];
        }
        $chart = new ECharts();
        $chart-&g
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值