我发现了highcharts的力量,我对钻取图表特别感兴趣(例如:http://jsfiddle.net/ gh / get / jquery / 1.9.1 / highslide-software / highcharts.com / tree / master /样本/ highcharts /演示/列向下钻取)
我只想知道这是否有可能超过2级(意思是:第二级有更多孩子)。我可以在哪里放一个链接回到上层。
提前感谢!
答案 0 :(得分:2)
是的,这可能会有更多级别,请参阅示例:http://jsfiddle.net/NULTY/456/
关于后退按钮 - 我认为你需要自己实现 - 它应该是一个简单的按钮,它将检查实际的drilldown.level
并显示实际系列的父级。
答案 1 :(得分:2)
您可以在drilldown
series
中添加ID,指向您希望他们前往的方向,从而使多个下钻可用。
当前版本似乎生成了#34;向上钻取"基于名称属性为您服务。
一定要有适当的包含:
<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
}
]
每个级别的深入分析属于&#34; top&#34;钻取节点,然后您可以链接它们,但只要图表类型支持它们(我已经看到列和饼图成功运行)。
见highcharts&#39;例如:http://www.highcharts.com/demo/pie-drilldown