charts - Highstock: グラフの下の凡例に項目が多い場合、グラフの高さが小さくなります。高さを固定するにはどうすればよいですか？

Question

私のアプリでは、ユーザーは私が作成した UI を使用して、HighStock コンポーネントに必要な数のシリーズを追加/削除できます。ただし、ユーザーが複数の時系列を追加し、凡例がグラフの下にある場合は、グラフの高さが縮小されます (凡例が優先されます)。このように、全体の高さは一定に保たれます。

ただし、プロット領域を同じ高さに保ち、凡例をその下に置き、必要に応じて全体の高さを変更することに興味があります。

code問題をデモするため のフィドルを次に示します。

アイデア？

Answer 1

あなたが持っているシリーズの数を計算し、それに基づいてチャートの高さを調整してみてはどうでしょうか?

var series = [{
        name: 'series 1',
        data: usdeur
    }, {
        name: 'series 2',
        data: usdeur
    }, {
        name: 'series 3',
        data: usdeur
    }, {
        name: 'series 4',
        data: usdeur
    }, {
        name: 'series 5',
        data: usdeur
    }    
    ],
        height = 400 + (series.length * 15);

    $('#container').highcharts('StockChart', {

        chart: {
            borderWidth: 2,
            height: height
        },

        legend: {
            enabled: true,
            layout: 'vertical'
        },
        navigator: {
            //top: 200
        },

        rangeSelector: {
            selected: 1
        },

        series: series
    });

http://jsfiddle.net/SSn4e/