HighCharts を使用して積み上げパーセント横棒グラフをレンダリングしていますが、HighCharts がデフォルトで系列データの順序を逆にすることを除けば、うまく機能します。
デモでわかるように、$20,000 は data1/data2 配列の最初の行ですが、各バーの最後のチャンクです (ずっと右側)。これを整理したいので、いくつかのことを試しました。
1) 配列.reverse()
d を使用してチャートをレンダリングします。上記のデモでこれらの行を有効にすると、各グラフに異なる数のレコードがあるため、その結果、色が整列しないことがわかります。これを行う方法、私は確信しています)
2) を使用しxAxis.reversed = true
ます。これにより、色が一致する正しい順序になりますが、凡例が逆になり (100% から 0%)、右から左にアニメーション化されます。
これを回避する別の方法はありますか?