2016-10-13 20 views
0

現在、私は2つ以上のリンクをポストするためにもっと評判が必要なので、「積み重ねられたグループ化された列」の例を挿入しています(挿入リンクをテキストとして挿入します:jsfiddle dot net/gh/get /jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked-and-grouped/)。そこでは、積み重ねられた、グループ化された縦棒グラフ内の1つのデータ系列を視覚化します。 ここで理論的な観点から、果物(x軸)、人(スタック)、性別(グループ)の3つの側面でグループ化された1つの情報(果実の数)があります。スタックされた縦棒グラフの複数の時系列

追加データシリーズを性別ではなくグループ化のアスペクトとして視覚化できるかどうかは疑問です。 私はこれを試しました(jsfiddle dot net/u1asm65s /)と、最初のデータ系列のまったく同じ人物を表す別のデータ系列を追加しました。しかし残念ながら、HIghchartsは両方のデータ系列のnameと一致しません。したがって、結果の縦棒グラフに人物が重複して表示されます。

更新日: This is what I currently have

And this is what I want to achieve。私はGIMPを使用していたので実際のチャートではありません;)

ご存知ですか?

Newlukai

PS事前に感謝:画像を埋め込むないため申し訳ありませんが、私は、画像を埋め込むことが許されていませんよ。

+0

同じ名前の複数のシリーズを作成するようにチャートに明示しています。あなたの望む結果が何であるかはっきりしていません。あなたは明確にすることができますか?必要に応じてimgur.com画像にリンクしてください。私はあなたがしたいことは問題ではないと思っています。シリーズとデータを適切にフォーマットする必要がありますが、詳細が必要です。 – jlbriggs

+0

私はGIMPの魔法を適用し、何をしたいのかを明確にしようとしました。 – Newlukai

答えて

1

基本的に、あなたは望みの効果を次のように考えることができます:私は(何とか)別のものにリンクされている追加のシリーズを持っています。次にリンクするものを列挙し、オプションを適切に設定する必要があります。

最初に、リンクされたシリーズの表示とそれらの表示を凡例に接続する必要があります。これはseries.linkedToプロパティで実現できます。

{ 
     name: 'John-eaten', 
     id: 'john', 
     data: [5, 3, 4, 7, 2], 
     stack: 'eaten' 
    },...,{ 
     name: 'John-bought', 
     linkedTo: 'john', 
     data: [6, 4, 5, 8, 3], 
        stack: 'bought' 
    }, 

ここでは、一緒に結合された2つのシリーズがあります。 http://jsfiddle.net/u1asm65s/2/

第2に、カラーはリンクされたシリーズの同じ色を設定します。 http://jsfiddle.net/u1asm65s/3/

第3に、ツールチップ、凡例、データラベル - これはフォーマッタコールバックで簡単に調整できます。 http://jsfiddle.net/u1asm65s/4/

+0

ありがとう@morganfree。私はまた、リンケージの使用、ツールチップ(http://jsfiddle.net/n0q01yy5/)の色付けと書式設定について考えました。しかし、それが「正しい」方法であるかどうかはわかりません。しかし、それは私が望む結果を得るための唯一の方法でもあるようです。 – Newlukai

関連する問題