Php 如何在Yii2中正确制作highchart?
我想用Yii2制作图表,但我不知道如何正确制作图表。 这是我的桌子 表格性别: 这是我在Microsoft Excel中制作的图表 我用Yii2制作了如下图表: HighchartControllerPhp 如何在Yii2中正确制作highchart?,php,sql,yii,yii2,Php,Sql,Yii,Yii2,我想用Yii2制作图表,但我不知道如何正确制作图表。 这是我的桌子 表格性别: 这是我在Microsoft Excel中制作的图表 我用Yii2制作了如下图表: HighchartController <?php namespace app\controllers; use yii\web\Controller; use app\models\Jeniskelaminreal; use yii\helpers\Json; class HighchartsController ext
<?php
namespace app\controllers;
use yii\web\Controller;
use app\models\Jeniskelaminreal;
use yii\helpers\Json;
class HighchartsController extends Controller
{
public function actionIndex()
{
$masuk= Jeniskelaminreal::find();
$awal = $masuk->orderBy('TahunMasuk ASC')->one()->TahunMasuk;
$akhir = $masuk->orderBy('TahunMasuk DESC')->one()->TahunMasuk;
// $data = $masuk->all();
$arr_l = [];
$arr_p = [];
$tahun = [];
for($i=$awal;$i<=$akhir;$i++){
if($awal == $i){
$jum_l = count($masuk->where(['TahunMasuk'=>$awal,'JenisKelamin'=>'Perempuan'])->all());
$jum_p = count($masuk->where(['TahunMasuk'=>$awal,'JenisKelamin'=>'Laki-laki'])->all());
}elseif($i > $awal && $i <= $akhir){
$jum_l = count($masuk->where(['TahunMasuk'=>$i,'JenisKelamin'=>'Perempuan'])->all());
$jum_p = count($masuk->where(['TahunMasuk'=>$i,'JenisKelamin'=>'Laki-laki'])->all());
}
array_push($arr_l,$jum_l);
array_push($arr_p,$jum_p);
array_push($tahun,$i);
}
$data['tahun'] = json_encode($tahun);
$data['data_p'] = json_encode($arr_p);
$data['data_l'] = json_encode($arr_l);
return $this->render('index',$data);
}
/*public function actionData()
{
return $this->render('data');
}*/
}
Highcharts是javascript库,所以要从php数组变量向其传递参数,需要将其编码为json格式。您可以使用php函数或yii2内置函数。我相信你的代码应该是这样的:
use yii\helpers\Json;
...
<?php $this->registerJs("
$(function () {
$('#my-chart').highcharts({
...
xAxis: {
categories:" . Json::encode($tahun) . "
},
...
series: [{
name: 'Laki-laki',
data:" . Json::encode($data_l) . "
}, {
name: 'Perempuan',
data:" . Json::encode($data_p) . "
}]
});
});
")?>
使用yii\helpers\Json;
...
使用
use yii\helpers\Json;
...
<?php $this->registerJs("
$(function () {
$('#my-chart').highcharts({
...
xAxis: {
categories:" . Json::encode($tahun) . "
},
...
series: [{
name: 'Laki-laki',
data:" . Json::encode($data_l) . "
}, {
name: 'Perempuan',
data:" . Json::encode($data_p) . "
}]
});
});
")?>