html - Highcharts 图例分页位置

Question

我的一张高榜上有很多传奇。我找到了一种渲染方法，即使用图例中的导航选项。

http://api.highcharts.com/highstock#legend.navigation

navigation: {
            activeColor: '#3E576F',
            animation: true,
            arrowSize: 12,
            inactiveColor: '#CCC',
            style: {
                fontWeight: 'bold',
                color: '#333',
                fontSize: '12px'
            }
        }

但是导航中的选项非常少。

我可以根据需要定位图例，比如在 div 的底部吗？我可以使用水平分页滚动而不是垂直分页吗？

Answer 1

为了将图例放置在底部，我添加了 maxHeight 并将布局更改为水平(因为这最适合我的需要)，等等:

legend: {
        layout: 'horizontal',//change to horizontal
        //align: 'right',//removed alignment
        verticalAlign: 'bottom',
        maxHeight: 50,//this was the key property to make my legend paginated
        //y: 40,//remove position
        navigation: {
            activeColor: '#3E576F',
            animation: true,
            arrowSize: 12,
            inactiveColor: '#CCC',
            style: {
                fontWeight: 'bold',
                color: '#333',
                fontSize: '12px'
            }
        }
    },