highchats 钻取功能

 默认第一层:

写在外面:

里层通过 chart.addSeriesAsDrilldown(e.point,result);

 var option = {
       chart: {
           type: 'column',
           events: {
       
               drilldown: function (e) {
                  if (!e.seriesOptions) {
 
                        var url =、、、、、、、、、、、、、、;
                $.get(url,function(result){
                chart.addSeriesAsDrilldown(e.point,result);
                },'json') 
                   }
               }
           } 
       },
       title: {
           text: '日志统计'
       },
       xAxis: {
           type: 'category'
       },
       legend: {
           enabled: false
       },
       plotOptions: {
           series: {
               borderWidth: 0,
               dataLabels: {
                   enabled: true
               }
           }
       },
       series: [{
           //name: '数据采集次数',
           colorByPoint: true,
           data: []
       }],
       drilldown: {
           drillUpButton: {
               relativeTo: 'spacingBox',
               position: {
                   y: 0,
                   x: 0
               },
               theme: {
                   fill: 'white',
                   'stroke-width': 1,
                   stroke: 'silver',
                   r: 0,
                   states: {
                       hover: {
                           fill: '#bada55'
                       },
                       select: {
                           stroke: '#039',
                           fill: '#bada55'
                       }
                   }
               }
           },
           series: []
       },
       lang: {
           drillUpText: '<< back'
       }
   };
 chart = Highcharts.chart('container', option);
};  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值