Charts 如何正确使用深入分析图表?
我已经通过手动键入进行了多次深入研究。这里是链接。但是,我需要制作图表,它的数据取自数据库。我已经从谷歌和stackoverflow搜索了其他问题,但我仍然没有得到答案。人们问到他们的数据手动输入到highcharts代码的深入问题,这和我的问题不同,因为我从数据库中获取数据 这是我要放在图表上的表格: 学院2011 部门2011 major2011 这是我的密码: 控制器Charts 如何正确使用深入分析图表?,charts,yii,highcharts,yii2,drilldown,Charts,Yii,Highcharts,Yii2,Drilldown,我已经通过手动键入进行了多次深入研究。这里是链接。但是,我需要制作图表,它的数据取自数据库。我已经从谷歌和stackoverflow搜索了其他问题,但我仍然没有得到答案。人们问到他们的数据手动输入到highcharts代码的深入问题,这和我的问题不同,因为我从数据库中获取数据 这是我要放在图表上的表格: 学院2011 部门2011 major2011 这是我的密码: 控制器 $faculty = (new \yii\db\Query()) ->
$faculty = (new \yii\db\Query())
->select(['Faculty'])
->from('facultyin2011')
->limit(10)
->column();
$age1 = (new \yii\db\Query())
->select(['lessthan25'])
->from('facultyin2011')
->limit(10)
->column();
$age2 = (new \yii\db\Query())
->select(['btween25to29'])
->from('facultyin2011')
->limit(10)
->column();
$age1 = array_map('floatval', $age1);
$age2 = array_map('floatval', $age2);
$data['ageforfacultystudent'] = json_encode($faculty);
$data['age1'] = json_encode($age1);
$data['age2'] = json_encode($age2);
$department = (new \yii\db\Query())
->select(['Department'])
->from('department2011')
->limit(10)
->column();
$agedepartment1 = (new \yii\db\Query())
->select(['lessthan25'])
->from('department2011')
->limit(10)
->column();
$agedepartment2 = (new \yii\db\Query())
->select(['btween25to29'])
->from('department2011')
->limit(10)
->column();
$agedepartment1 = array_map('floatval', $agedepartment1);
$agedepartment2 = array_map('floatval', $agedepartment2);
$data['agefordepartmentstudent'] = json_encode($department);
$data['agedepartment1'] = json_encode($agedepartment1);
$data['agedepartment2'] = json_encode($agedepartment2);
$majorstudent = (new \yii\db\Query())
->select(['major'])
->from('major2011')
->limit(10)
->column();
$agemajor1 = (new \yii\db\Query())
->select(['lessthan25'])
->from('department2011')
->limit(10)
->column();
$agemajor2 = (new \yii\db\Query())
->select(['btween25to29'])
->from('department2011')
->limit(10)
->column();
$agemajor1 = array_map('floatval', $agemajor1);
$agemajor2 = array_map('floatval', $agemajor2);
$data['ageformajorstudent'] = json_encode($majorstudent);
$data['agemajor1'] = json_encode($agemajor1);
$data['agemajor2'] = json_encode($agemajor2);
索引
$(function () {
// Create the chart
$('#containers').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Basic drilldown'
},
xAxis: {
categories: $ageforfacultystudent
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
}
}
},
series: [
{
name: 'lessthan25',
data: $age1,
drilldown: 'department1'
},
{
name: 'btween25to29',
data: $age2,
drilldown: 'department2'
}],
drilldown: {
series: [{
id: 'department1',
name: 'Departemen',
data: [{
name: 'lessthan25',
data: $agedepartment1,
drilldown: 'major1'
},
{
name: 'btween25to29',
data: $agedepartment2,
drilldown: 'major2'
}
]
}, {
id: 'major1',
data: $agemajor1
},
{
id: 'major2',
data: $agemajor2
}]
}
})
});
")?>
我要做的第一级图表是教员,第二级是系,第三级是专业
以上代码的结果如下图所示:
上面图表的问题是:图表无法向下钻取,因为我仍然没有放置向下钻取代码。我不知道该怎么说,因为我获取的数据来自数据库中的表。谁能帮我解决这个问题?我可以做些什么来解决这个问题?这对我有很大帮助。提前感谢深入研究(数据库数据)的第一级和第二级是什么?第一级是教员,第二级是系,第三级是专业@deep3015 Highcharts库有问题吗?或者这只是数据问题吗?highchrts库没有问题。我只是不知道如何编写drildown图表,从数据库@KacperMadej检索数据。你能帮我进行深入研究吗?@Deep3015这里是链接