YII2 echart 饼图 demo

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