問題タブ [icicle-diagram]

Highcharts Library を使用して、d3 ライブラリが提供する ICICLE Chart を開発したいと考えています。私がググった範囲では、ハイチャートを使用した ICICLE チャートのような視覚化のサンプルは見つかりませんでした。

これが本当に可能であれば、作成方法を教えてください。

ありがとう。

こんにちは、ツリー マップを微調整して実行できますか? すべてのデータ階層を渡すことができます。すでに d3 に実装されています。つららをレンダリングするためにハイチャートの任意のプロパティを使用/微調整できますか?

血統を表示するために使用される水平 D3 つららチャートを作成しています。これは父/母のみを表示するため、各ノードには 2 つの子 (その親) しか存在せず、これはその特定の行の終わりまで続きます。

私が直面している問題は、一部の行が他の行よりも長く、これが親ノードの値を大きくすることです。この値は、その特定のノードの高さを他のノードよりも大きくします。これが、つららチャートの仕組みです。

血統を設定していませんが、この Observable はズーム可能な Icicle Chart の例を示しています: https://observablehq.com/@john-guerra/zoomable-variable-size-icicle

上記の例の「vis」は、その子 (およびその値) に基づいてより大きな値を持つため、常に「util」よりも大きくなります。私がやりたいのは、各子ノードの高さが等しくなるように設定することです。

これをさらに単純化すると、各子ノードは親ノードの高さの 50% になります。

静的/ハードコーディングされた高さの値を設定したくありません。これは応答性を維持し、さらに世代が表示されると乱雑になるためです。

すべての子には値が必要なので、ゼロに設定することはできず、再帰的な血統では、すべての行を値で均等にする方法がわかりません。

アドバイスや正しい方向への指摘に感謝します。