具有多个级别的向下钻取图表

时间:2013-06-28 09:27:10

标签: highcharts

我发现了highcharts的力量,我对钻取图表特别感兴趣(例如:http://jsfiddle.net/ gh / get / jquery / 1.9.1 / highslide-software / highcharts.com / tree / master /样本/ highcharts /演示/列向下钻取)

我只想知道这是否有可能超过2级(意思是:第二级有更多孩子)。我可以在哪里放一个链接回到上层。

提前感谢!

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