javascript - ハイチャートの下の凡例

Question

ハイチャートを使用していくつかのチャートを描画しています。次のような基本的なライン プロットを使用します。

http://www.highcharts.com/demo/spline-irregular-time

右側ではなくグラフ領域の下に凡例を表示するにはどうすればよいですか?

http://www.highcharts.com/demo/column-stacked-percent

どうも

Answer 1

marginBottom を使用して、チャートの下部に凡例を配置できます。凡例プロパティを使用して、たとえば中央または右に凡例を移動できます(私は中央を使用しました)。

 chart: {
        marginBottom: 100
    },

    legend: {
        align: 'center',
        verticalAlign: 'bottom',
        x: 0,
        y: 0
    },

考えられる解決策:フィドル

Answer 2

チャートの下に凡例を表示するのがデフォルトであるため、legendプロパティを完全に省略できます。見栄えを良くするために、下の余白に少し追加する必要があることに注意してください。そうしないと、グラフと凡例が重なってしまいます。

chart: {
    type: 'line',
    marginRight: 130,
    marginBottom: 70 // Increase this to 70 or so
},
// Remove the legend property completely

これがデモンストレーションです。