YII2 echart 饼图 demo

yii2使用echart柱状图 以及 各种配置  ,echart柱状图

视图层view.php

此次针对 echart 饼状图。控制器代码类似。

主要记录一下数据格式的转换来填充到饼图中。

<?php
//饼图
use app\assets\EchartsAsset;
$asset=EchartsAsset::register($this);
$chart = new ECharts($asset->baseUrl);
$chart->title->text = '各部门批准经费所占比例';
$chart->title->left= 'center';
$chart->title->subtext = '单位:元';
$chart->tooltip->show = true;
$chart->tooltip->trigger = 'item';
$i = 0;
$arrays = array();
//从model获取的数据格式不适用参数,转换为一个二维数组
for($i=0;$i<count($approveAmount);$i++)
{
    $arrays[$i]['value'] = $approveAmount[$i];
    $arrays[$i]['name'] =$name[$i];
}
$chart->series = array(
    array(
        'name' => '部门批准经费',
        'type' => 'pie',
        'data' => $arrays   //使用数组‘name’,‘value’,不能直接使用json格式或者直接获取。
        )     
);
echo $chart->render('simple-custom-id');
?>

 


 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值