2016-04-13 64 views
0

私は2つの円グラフを持ち、それぞれに2つの凡例があります。私は右に2、左に2を配置したいと思います。それはどうすればいいですか? highchartsシリーズごとに凡例をカスタマイズ

chart.addSeries({ 
    name: data.series[i].name, 
    data: data.series[i].data, 
    type: data.series[i].type, 
    showInLegend: true, 
    legend: { 
     enabled: true, 
     floating: true, 
     verticalAlign: 'bottom', 
     align:'right', 
     y:100, 
     itemStyle: { 
      textDecoration: 'underline' 
     } 
    }, 
    } 
}); 

...任意の手がかりやガイドラインを私はむしろチャートよりも直列に凡例を追加しようとしました...しかし、それは動作しませんでした

は...

おかげ

をいただければ幸いです
+0

jsfiddle.netであなたのサンプルをライブデモとして複製できますか? –

答えて

0

私の知るところでは、各グラフは凡例を1つしか持てません。シリーズごとではなく、グラフ全体の「凡例」属性を使用して構成する必要があります。

レンダラーメソッド(http://api.highcharts.com/highcharts#Renderer)を使用して、固定のHTMLスタイルの凡例を表示したり、HTML/CSSを使用して項目がクリック可能な凡例(技術的にはグラフ外にある)を作成することをお勧めします。

カスタム凡例を使って作成した例を次に示します。https://www.frbatlanta.org/chcs/labor-market-distributions.aspx(チェックボックスとドロップダウンメニューのある部分を参照)。関連するシリーズを表示/非表示するカスタム凡例からクリックイベントを作成するのは簡単です。

あなたがフィドルを提供する場合は、フィドルを編集してうれしいです。

関連する問題