Question

在我的应用程序中，用户可以使用我编写的一个UI添加/删除他们想要的HighStock组件系列。但是，当用户添加多个时间序列并且图例位于图表下方时，它会缩小图表的高度（有利于图例）。这样整体高度保持不变。

但是，我有兴趣让绘图区域保持相同的高度并且仍然有图例，如果需要，可以更改整体高度。

code 这是一个fiddle to demo the issue。

想法？

Answer 1

设置maxHeight属性。这将修复图例的最大高度并为图例提供导航。

maxHeight: 100,

这里是小提琴http://jsfiddle.net/9vZ8F/2/

相反，如果您删除

layout:'vertical'

传说不会占用太多空间这是一个小提琴http://jsfiddle.net/9vZ8F/1/

希望这对你有用。

Answer 2

如何计算你拥有的系列数量并根据它来调整图表高度？

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/

Highstock：当图表下的图例有很多项目时，图表高度很小。我该如何修理高度？

2 个答案: