Я делаю диаграмму, используя старшую диаграмму, она отлично работает.в старшей диаграмме мне нужно реализовать метод детализации.Я сделал, это работает нормально, в случае, если я не изменяю тип детализации, в случае, если я изменяю тип детализации на другой, подход таблиц детализации изменяется.я не эксперт в этом ... я полагаю, что что-то не так с моим кодом, кто-нибудь может посоветовать мне правильный способ изменить подход типа детализации?
это мой текущий код:
var chart;
$(document).ready(function(){
var colors = Highcharts.getOptions().colors,
categories = ['MSIE'],
name = "Browser Brand",
data = [
{
y:55.11,
color:colors[0],
drilldown:{
name:'MSIE versions',
categories : ['MSIE 8.0', 'MSIE 6.0', 'MSIE 7.0', 'MSIE 9.0'],
data:[33.06,71.02],
color: colors[1]
}
}
]
function setChart(name,categories,data,color){
chart.xAxis[0].setCategories(categories);
chart.series[0].remove();
chart.addSeries({
name:name,
data:data,
color:color || 'green',
type:'pie'//if i applied the type i can't come back from child to parent, as well title not visible. if i removed this then title shows, i can come back to parent.
})
}
chart = new Highcharts.Chart({
chart:{
renderTo:'drill',
type:'column'
},
title:{
text:"Browser marketshare"
},
subtitle:{
text:'Click to see the version'
},
xAxis:{
categories:categories
},
plotOptions:{
column:{
cursor:'pointer',
point:{
events:{
click:function(){
var drilldown = this.drilldown;
if(drilldown){
setChart(drilldown.name,drilldown.categories,drilldown.data,drilldown.color);
}else{
setChart(name, categories, data);
}
}
}
}
}
},
series:[
{
name:name,
data:data,
color:colors[1]
}
]
})
})
Кто-нибудь может мне помочь?