基础教程 - 钻取功能 - 《Highcharts、Highstock、Highmaps 使用教程》

一、基础的使用
二、事件及相关属性
三、异步钻取

钻取是改变展现数据维度的层次，变换分析的粒度。它包括向上钻取（drillup）和向下钻取（drilldown）。

Highcharts 在 3.0.8 开始提供内置的钻取功能功能，使用钻取功能需要额外的引入相关的模块文件

<script src="http://cdn.hcharts.cn/highcharts/modules/drilldown.js"></script>

一、基础的使用

下钻的基础使用是指定数据点的 drilldown 属性，其值为保存在根属性 drilldown.series 的数据列的 ID，也就是数据点关联着隐藏的数据列（保存在 drilldown数据列数组里），当数据点被点击时，这个隐藏的数据列会被加载到图表中并替换当前数据列。对于柱状图、条形图及饼图，下钻过成会用动画效果来过渡。

对于多级下钻，可以继续在 drilldown.series 的数据点里配置 drilldown 属性。

series: [{
    name: 'Things',
    colorByPoint: true,
    data: [{
        name: 'Animals',
        y: 5,
        drilldown: 'animals'
    }, {
        name: 'Fruits',
        y: 2,
        drilldown: 'fruits'
    }, {
        name: 'Cars',
        y: 4,
        drilldown: 'cars'
    }]
}],
drilldown: {
    series: [{
        id: 'animals',
        data: [
            ['Cats', 4],
            ['Dogs', 2],
            ['Cows', 1],
            ['Sheep', 2],
            ['Pigs', 1]
        ]
    }, {
        id: 'fruits',
        data: [
            ['Apples', 4],
            ['Oranges', 2]
        ]
    }, {
        id: 'cars',
        data: [
            ['Toyota', 4],
            ['Opel', 2],
            ['Volkswagen', 2]
        ]
    }]
}