6

Highchartsを使用して、次のような人口ピラミッドを作成したいと思います。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-negative-stack/

しかし、それは異なる地域を比較するでしょう。したがって、年齢層と性別ごとに1つのバーを使用する代わりに、それぞれが異なる地域を表す3つのバーを作成します。

私が今まで持っているのはこれですが、正しい方向に向かっているかどうかはわかりません。

http://jsfiddle.net/YCxgr/

ご覧のとおり、特定の年齢カテゴリと地域のバーは互いに整列していません。私が望むのは、地域のバーを両方の性別で正しく整列させて、3つのバー（各地域に1つ）として表示されるようにすることです。 ）6の代わりに。どうすればこれを達成できますか？

4

2 に答える 2

5

jsFiddleがあなたの質問に答えます

   series: [{
    name: 'Region 1',
    zIndex: 1000,
    data: [[0, -3 ],[0,3],[1, -5] ,[1,5],[2, -4],[2,4],[3, -3],[3,3]]
},{
    name: 'Region 2',
    data: [[0, -4] ,[0,4],[1, -2],[1,2],[2, -6],[2,6],[3, -4],[3,4]]
},{
    name: 'Region 3',
    data:  [[0, -3],[0,3],[1, -5],[1,5],[2, -4],[2,4],[3, -3],[3,3]]
}]

動作中のjsFiddle

于 2012-07-05T13:03:34.767 に答える
1

今日の例を見ると、元の単純なピラミッドの例だけが機能していました。もう1つは、結果ペインに何も表示されませんでした。

highchartsライブラリ参照が欠落しており、jqueryのバージョンが1.4.2であることに気付きました。

参照を追加して両方を修正しました。

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

jqueryバージョン1.7.2を選択します。今、彼らはピラミッドを表示します（再び）。見る：

  1. オリジナルポスターによるマルチコラムピラミッドの試み
  2. 回答の複数列のピラミッドを修正しました

これが例に興味のある他の人に役立つことを願っています。

于 2014-02-12T13:36:19.257 に答える