如题第一层的highcharts图表为柱状图(也可为其他),点击后下钻,下钻出来的图形需为堆叠柱状图(一维的柱状图图表,自己已实现,需要多维的堆叠柱状图)。
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column',
events:{
drilldown: function (e) {
if (!e.seriesOptions) {
var data = {
series: [{
stacking: 'normal',
type: 'column',
name: 'MSIE versions 2000',
data: [10, 7, 33, 2]
},{
stacking: 'normal',
type: 'column',
name: 'MSIE versions 2010',
data: [1, 5, 10, 15]
}]
};
chart.showLoading("加载中 ...");
setTimeout(function () {
chart.hideLoading();
chart.addSeriesAsDrilldown(e.point, data.series[0]);
//只能设置一条,直接设置data.series就不行了。
//chart.addSeriesAsDrilldown(e.point, data.series);
}, 1000);
}
}
}
},
title: {
text: '测试统计'
},
xAxis: {
type:'category'
},
yAxis: {
title: {
text: '数量'
}
},
credits:{//版权连接
enabled:false
},
series: [{name: '浏览器',data: [{
y: 55,
drilldown: true
}]},{name: '浏览器12',data: [{
y: 35,
drilldown: false
}]}
]
});
});
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。