php数据钻取工具,钻取功能 | Highcharts 使用教程

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

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

一、基础的使用

下钻的基础使用是指定数据点的 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]

]

}]

}

二、事件及相关属性

1. 钻取事件

2. 可钻取的坐标轴及数据标签样式

为了区别普通数据点和可钻取的数据点，我们提供了设置可钻取 X 坐标轴样式(activeAxisLabelStyle)及数据标签样式(activeDataLabelStyle)设置

3. 返回上一级操作按钮

我们提供了返回上一级操作按钮相关的配置属性，包括主题、定位等，其中按钮中的文字是在 语言文字 中设定的。

三、异步钻取

在大多数情况下，我们需要动态的加载下钻的数据列数据，在这种情况下，可以设置数据点的 drilldown = true，然后在钻取事件里做进一步的数据获取操作。当数据获取完毕后，我们可以通过 Chart.addSeriesAsDrilldown 函数来讲下钻的数据列添加到图表中。

对于下钻包含多个数据列的情况下，可以先调用 Chart.addSingleSeriesAsDrilldown 函数来依次添加数据列，最后调用 Chart.applyDrilldown 来应用所有的下钻数据列。