如题第一层的highcharts图表为柱状图(也可为其他),点击后下钻,下钻出来的图形需为堆叠柱状图(一维的柱状图图表,自己已实现,需要多维的堆叠柱状图)。
3条回答 默认 最新
- min开发 2016-03-02 09:03关注
$(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
}]}
]
});
});});
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 c程序不知道为什么得不到结果
- ¥40 复杂的限制性的商函数处理
- ¥15 程序不包含适用于入口点的静态Main方法
- ¥15 素材场景中光线烘焙后灯光失效
- ¥15 请教一下各位,为什么我这个没有实现模拟点击
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置