2

私はハイチャートの力を発見し、ドリルダウン チャートに特に興味があります (ここのように: http://jsfiddle.net/ gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/ samples/highcharts/demo/column-drilldown)

これが2つ以上のレベルを持つことが可能かどうかを知りたかっただけです（つまり、2番目のレベルにはより多くの子があります）。上位レベルに戻るためのリンクをどこに置くことができますか。

前もって感謝します ！

4

2 に答える 2

2

drilldown目的のseries方向を指す ID を持つに各ドリルダウンを追加することで、複数のドリルダウンを使用可能にすることができます。

現在のバージョンでは、名前のプロパティに基づいて「ドリルアップ」するためのリンクが生成されるようです。

適切なインクルードがあることを確認してください。

<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
    }
]

ドリルダウンのすべてのレベルは「最上位」のドリルダウン ノードの下に属し、それらをリンクすることができますが、グラフの種類がサポートしている限りリンクする必要があります (縦棒グラフと円グラフが正常に機能するのを見てきました)。

ここでハイチャートの例を参照してください: http://www.highcharts.com/demo/pie-drilldown

于 2014-09-26T15:57:55.477 に答える