Charts Highstock：当图表下的图例有许多项目时，图表高度较小。我如何确定高度？

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

但是，我感兴趣的是让绘图区域保持相同的高度，并且仍然让图例位于其下方，如果需要，可以更改总体高度

code

这是一个例子

---

想法？

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

maxHeight: 100,

这是小提琴

相反，如果您删除

layout:'vertical'

图例不会占用太多空间 这是一把小提琴

---

希望这对您有用。

计算一下您拥有的系列数量，然后在此基础上调整图表高度如何

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
    });

---

谢谢！这绝对是进步，让我的处境比以前更好。有固定打印区域高度的方法吗？不能为打印区域设置固定高度。您可以尝试设置yAxis.height。