对齐 ='left' 或 'right' 时 highcharts 图例位置错误？

Question

我的 jsfiddle 示例在这里。垂直对齐是底部。当我设置 align = 'center' 时，图例位于图表区域下方。但是，如果我设置 align='left' 或 'right'，图例将占据图表区域的 space 并使该区域非常小。我想要制图区左下角的图例，可以吗？

http://jsfiddle.net/daxu/xeb3n/585/

legend: {
        enabled: true,
        align: 'center',
        verticalAlign: 'bottom',
        y: 0,
        padding: 0,
        margin:5,
        itemMarginTop: 0,
        itemMarginBottom: 0,
        itemStyle:{
            fontSize: '10px'
            }
    },

Answer 1

您可以设置floating: true，然后调整x和y以达到您想要的位置。

Documentation

Answer 2

代替floating的位置，你可以在align: 'center'时使用x。在这种情况下，图例将从自然对齐的位置偏移。当然，您需要确定最适合您的图表的偏移量。负 x 值会将图例向左移动，请参见示例图片。

对齐 ='left' 或 'right' 时 highcharts 图例位置错误？

highcharts legend position wrong when align ='left' or 'right'?

highcharts