我发现了 highcharts 的强大功能,而且我对下钻图表特别感兴趣(比如这里: http : //jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/样本/highcharts/demo/column-drilldown)
我只是想知道这是否可能有两个以上的级别(意思是:第二个级别有更多的孩子)。我在哪里可以放一个链接回到上层。
提前致谢 !
我发现了 highcharts 的强大功能,而且我对下钻图表特别感兴趣(比如这里: http : //jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/样本/highcharts/demo/column-drilldown)
我只是想知道这是否可能有两个以上的级别(意思是:第二个级别有更多的孩子)。我在哪里可以放一个链接回到上层。
提前致谢 !
是的,这可能有更多级别,请参见示例:http: //jsfiddle.net/NULTY/456/
关于后退按钮 - 我认为你需要自己实现 - 它应该是一个简单的按钮,它将检查实际drilldown.level
并显示实际系列的父级。
您可以通过在drilldown
's中添加每个向下钻取series
以及指向您希望它们前进的方向的 ID 来提供多个向下钻取。
当前版本似乎根据 name 属性为您“钻取”生成链接。
确保有适当的包括:
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/drilldown.js"></script>
series: [{
name: '1-10', // The name that is shown next to the "Back to..." button after drilldown
data: [
{name:'a', y:50}, // entered as an object
['b',30], // entered as an array pair
{
drilldown:"level1", // the ID of what to drill down to
name:"More",
y:totalForAllDrilldowns
}
]
}],
drilldown: [
{
id: "level1",
name: "Fruit", // Used for the subsequent drop-down's "Back to..." button
data: ["Oranges",1],[etc.],[{drilldown:"level2"}],
y: totalForAllFruitIncludingDrilldown
}, {
id: "level2",
name: "Apples",
data: ["a",1],[etc.],[{drilldown:"level3"}],
y: totalForAllApples
}, {
id: "level3",
name: "Types of Red delicious",
data: [etc.],
y: totalForAllRedDelicious
}
]
每个级别的向下钻取都属于“顶部”向下钻取节点,然后您可以将它们链接起来,但是只要图表类型支持它,它们就需要(我已经看到柱形图和饼图成功运行)。
请参阅此处的 highcharts 示例:http ://www.highcharts.com/demo/pie-drilldown