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'
            }
        }
    },

Highcharts传奇寻呼位置

1 个答案: