2

我发现了 highcharts 的强大功能,而且我对下钻图表特别感兴趣(比如这里: http : //jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/样本/highcharts/demo/column-drilldown)

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

提前致谢 !

4

2 回答 2

2

是的,这可能有更多级别,请参见示例:http: //jsfiddle.net/NULTY/456/

关于后退按钮 - 我认为你需要自己实现 - 它应该是一个简单的按钮,它将检查实际drilldown.level并显示实际系列的父级。

于 2013-06-28T11:28:46.157 回答
2

您可以通过在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

于 2014-09-26T15:57:55.477 回答