I want to make chart from table in database. My database is on phpMyAdmin. Here is my table:
Table Hapus
I want to make a chart like this in Yii2:
I have HighchartsController:
<?php
namespace app\controllers;
use yii\web\Controller;
use app\models\Hapus;
use yii\helpers\Json;
class HighchartsController extends Controller
{
public function actionIndex()
{
$rows = (new \yii\db\Query())
->select(['Year'])
->from('hapus')
->limit(10)
->all();
$rowsa = (new \yii\db\Query())
->select(['Female'])
->from('hapus')
->limit(10)
->all();
$rowsaa = (new \yii\db\Query())
->select(['Male'])
->from('hapus')
->limit(10)
->all();
$rows = [];
$rowsa = [];
$rowsaa= [];
$data['year'] = json_encode($rows);
$data['female'] = json_encode($rowsa);
$data['male'] = json_encode($rowsaa);
return $this->render('index',$data);
}
}
this is my view index.php
<?php
use app\assets\HighchartsAsset;
HighchartsAsset::register($this);
$this->title = 'Highcharts Test';
?>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div id="my-chart" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<?php $this->registerJs("
$(function () {
$('#my-chart').highcharts({
title: {
text: 'Gender',
x: -20 //center
},
xAxis: {
categories: $year
},
yAxis: {
title: {
text: 'Total'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: ''
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: 'Male',
data: $male
}, {
name: 'Female',
data: $female
}]
});
});
")?>
</div>
</div>
When I tried to run those codes, the chart didn't appear. It was like this:
There was no error in debug console. But, I don't know why the chart didn't appear
Could anyone please correct my codes? Thank you in advance :)