Drilldown in highchart pie in jquery

sonu jnnce

9y1.4k

How to call drilldown uto 4th level.Using databse data.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

sonu jnnce9y ago
Hi Rupali,
In the event section of i had included a drilldown for the first level, but i am not able to include 2nd or 3rd level drilldown. please help me.

$('#container').highcharts({
colors: ['#BE302B', '#d67673', '#EE6C81', '#ea98a4', '#662E1C', '#2BB597', '#ace0d4', '#cdd6a2'],
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
marginBottom: 75,
type: 'pie',
lang: {
drillUpText: '◁ Back to {series.name1}'
},
events: {
drilldown: function (e) {
if (!e.seriesOptions) {
var chart = this;
chart.showLoading('Loading Data ...');
var dataArr = CallChild(e.point.name1);
alert(dataArr)
chart.setTitle({
text: 'Total Department Employee Summary'
});
data = {
name: e.point.name1,
data: dataArr,
drilldown: e.point.name1
}
setTimeout(function () {
chart.hideLoading();
chart.addSeriesAsDrilldown(e.point, data);
}, 1000);
}

}
}
},
title:
{
text: ''
},

plotOptions: {
pie: {
allowPointSelect: true,
size: '80%',
cursor: 'pointer',
showInLegend: true,
dataLabels: {
enabled: true,
format: '{point.name1}: {point.y}',
style: {
color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
},
}
}
},

series: [{
name: 'Main'

data: seriesData,
}]
});
});
//alert(series);
}
sonu jnnce9y ago
Hi
Rupali Shinde

Here i am attaching source code.

In the event section of i had included a drilldown for the first level, but i am not able to include 2nd or 3rd level drilldown. please help me.
Rupali Shinde9y ago
Hi,

it is sample application so you need to place your data in this format to have pie chart till 4th level.

you need to fetch data in specified format only.

please provide sample source code so i can help you out ..
Rupali Shinde9y ago
Hi,

i created JSFiddle example for 4th level highchart pie chart.
Please check the below link.

http://jsfiddle.net/Vf3yT/1105/

if it help you out, please accept the ans !!!

regards,
Rupali Shinde
Rupali Shinde9y ago
Hi,

can you please attach source code for reference ???