6

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

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

code 这是演示问题的小提琴。

想法？

4

2 回答 2

7

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

maxHeight: 100,

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

相反，如果您删除

layout:'vertical'

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

希望这对你有用。

于 2013-09-17T06:20:34.003 回答
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/

于 2013-09-17T22:38:48.167 回答