C# 3级饼图向下展开高度图表
我试着从我的两级饼图向下展开,再向下展开三级饼图 高图 这是我的两级工作代码: /////////////////////////////////////////////////////////////////////////////////////////////////////C# 3级饼图向下展开高度图表,c#,asp.net,model-view-controller,C#,Asp.net,Model View Controller,我试着从我的两级饼图向下展开,再向下展开三级饼图 高图 这是我的两级工作代码: ///////////////////////////////////////////////////////////////////////////////////////////////////// <script> var data = []; var datagamme = []; var gdrilldown=[]; var pdrilldown = [];
<script>
var data = [];
var datagamme = [];
var gdrilldown=[];
var pdrilldown = [];
var dataprod = [];
for (var itemData of @Html.Raw(Json.Serialize(Model.vente_CessionJours)))
{
data.push({ name: itemData.libelle, y: itemData.qtotal12, drilldown: itemData.unite });
}
for (var itemData2 of @Html.Raw(Json.Serialize(Model.gammedrilldown)))
{
datagamme = [];
var unite = "";
for (var itemData3 of itemData2) {
unite = itemData3.unite;
datagamme.push([itemData3.desgam, itemData3.qtotal12]);
}
gdrilldown.push({ name: unite, data: datagamme, id: unite, drilldown: itemData3.gam });
}
for (var itemData4 of @Html.Raw(Json.Serialize(Model.prodrilldown)))
{
dataprod = [];
var gam = "";
for (var itemData5 of itemData4) {
gam = itemData5.gamme;
dataprod.push([itemData3.designe, itemData3.qtotal12]);
}
pdrilldown.push({ name: gam, data: dataprod, id: gam });
}
Highcharts.chart('containerpieqv', {
chart: {
type: 'pie'
},
title: {
text: 'Quantité de Vente-Cession Journalière Par Unité '
},
subtitle: {
text: 'Click les slices pour voir la quantitée realisé par gamme.'
},
accessibility: {
announceNewData: {
enabled: true
},
point: {
valueSuffix: ' TONNE'
}
},
plotOptions: {
series: {
dataLabels: {
enabled: true,
format: '{point.name}: {point.y:.1f} TONNE'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}TONNE</b>de total<br/>'
},
series: [
{
name: "Unités",
colorByPoint: true,
data: data
}
],
drilldown: {
series: gdrilldown
}
});
</script>
var数据=[];
var datagame=[];
var gdrilldown=[];
var pdrilldown=[];
var-dataprod=[];
for(var itemData of@Html.Raw(Json.Serialize(Model.vente_CessionJours)))
{
push({name:itemData.libelle,y:itemData.qtotal12,drilldown:itemData.unite});
}
for(var itemData2 of@Html.Raw(Json.Serialize(Model.gammedrilldown)))
{
datagamme=[];
var unite=“”;
for(变量itemData3/itemData2){
unite=itemData3.unite;
push([itemData3.desgam,itemData3.qtotal12]);
}
push({name:unite,data:datagame,id:unite,drilldown:itemData3.gam});
}
for(var itemData4 of@Html.Raw(Json.Serialize(Model.prodrilldown)))
{
dataprod=[];
var gam=“”;
for(变量itemData5/itemData4){
gam=itemData5.gamme;
dataprod.push([itemData3.designe,itemData3.qtotal12]);
}
push({name:gam,data:dataprod,id:gam});
}
Highcharts.chart('containerpieqv'{
图表:{
键入:“馅饼”
},
标题:{
课文:'V.E.D.V.E。
},
副标题:{
文本:点击LES片,倒入Valr La QualtEe RealiePar GAMME。
},
可访问性:{
宣布新数据:{
已启用:true
},
要点:{
valueSuffix:'吨'
}
},
打印选项:{
系列:{
数据标签:{
启用:对,
格式:“{point.name}:{point.y:.1f}tone”
}
}
},
工具提示:{
headerFormat:“{series.name}
”,
pointFormat:“{point.name}:{point.y:.2f}总吨数
”
},
系列:[
{
名称:“单位”,
colorByPoint:对,
数据:数据
}
],
向下展开:{
系列:gdrilldown
}
});
////////////////////////////////////////////////////////////////////////////////////////////////////
<script>
var data = [];
var datagamme = [];
var gdrilldown=[];
var pdrilldown = [];
var dataprod = [];
for (var itemData of @Html.Raw(Json.Serialize(Model.vente_CessionJours)))
{
data.push({ name: itemData.libelle, y: itemData.qtotal12, drilldown: itemData.unite });
}
for (var itemData2 of @Html.Raw(Json.Serialize(Model.gammedrilldown)))
{
datagamme = [];
var unite = "";
for (var itemData3 of itemData2) {
unite = itemData3.unite;
datagamme.push([itemData3.desgam, itemData3.qtotal12]);
}
gdrilldown.push({ name: unite, data: datagamme, id: unite, drilldown: itemData3.gam });
}
for (var itemData4 of @Html.Raw(Json.Serialize(Model.prodrilldown)))
{
dataprod = [];
var gam = "";
for (var itemData5 of itemData4) {
gam = itemData5.gamme;
dataprod.push([itemData3.designe, itemData3.qtotal12]);
}
pdrilldown.push({ name: gam, data: dataprod, id: gam });
}
Highcharts.chart('containerpieqv', {
chart: {
type: 'pie'
},
title: {
text: 'Quantité de Vente-Cession Journalière Par Unité '
},
subtitle: {
text: 'Click les slices pour voir la quantitée realisé par gamme.'
},
accessibility: {
announceNewData: {
enabled: true
},
point: {
valueSuffix: ' TONNE'
}
},
plotOptions: {
series: {
dataLabels: {
enabled: true,
format: '{point.name}: {point.y:.1f} TONNE'
}
}
},
tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}TONNE</b>de total<br/>'
},
series: [
{
name: "Unités",
colorByPoint: true,
data: data
}
],
drilldown: {
series: gdrilldown
}
});
</script>
所以我需要如何完成第三级
数据:第一级
gdrilldown:第二级
pdrilldown:用于第三级