yii2 php echart,YII2 echart 饼图 demo

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

视图层view.php

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

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

//饼图

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

{

$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');

?>

5377bd4d98a49855c2847a3450588a47.png

本文分享 CSDN - 阿……莫西林。

如有侵权,请联系 support@oschina.cn 删除。

本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值