問題タブ [marimekko-chart]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
d3.js - D3.js 可変幅の積み上げグラフ (マリメッコ グラフ) を生成するにはどうすればよいですか?
各バーの合計の高さが同じで、幅が異なる積み上げ棒グラフ ( http://bl.ocks.org/mbostock/1134768に似ています) を生成したいと思います。この種のチャートは、マリメッコ チャートとも呼ばれます。
これまでのところ、csv ファイルの値に基づいて幅を変化させようとする試みは失敗しました。任意の提案をいただければ幸いです。
javascript - Highcharts marimekko チャートの累積列の再スタック
ハイチャートを使用して基本的な可変幅縦棒グラフ (別名マリメッコ) をセットアップしましたが、シリーズが削除または非表示になった後のデータ ギャップを解消するために縦棒を適切に再スタックするのに苦労しています。
JSFIDDLE DEMO <-- ここで問題のデモをセットアップしました。
凡例項目をクリックすると、チャートからシリーズが削除されますが、配列内の次のデータ ポイントもすべて削除されます (つまり、シリーズCをクリックすると、シリーズC、D、およびEが削除されますが、 ABDEに再描画されるはずです) 。 . y 軸のデータはすべての系列の累積合計を表示するためのものであるため、これらはギャップのない隣接する列として再シャッフルする必要があります。これを正しくレンダリングするにはどうすればよいですか?
THIS POSTでは、同様のデモ コードを使用して同じ問題を解決しようとしていますが、答えはややとらえどころがなく、機能させることができません。
前もって感謝します!
});