highcharts legend-item文本，用于对齐图例项目

Question

我正在尝试将Highcharts图例项目文本放在图例下方。我试图在highcharts函数中显示传说块，没有任何工作可以将文本正好移动到highcharts Legend下面。任何帮助表示赞赏。

 legend: {
            enabled: true,
            symbolWidth: 85,
            symbolHeight: 15,
            align: 'left',

            // itemStyle:{
            //  float: 'left',
            //  display: 'block',
            //  position: 'relative'
            // }
            //useHTML: true
}

Answer 1

我在这里做了一个小黑客。但我不确定将此作为解决方案。如果将图例文本放在图例下方后太长，还需要帮助如何包装图例文本。 jsfiddle.net/bdhbL1xy/4

我无权附加图片请参阅小提琴链接。图例文本显示在图例下方。

Answer 2

我找到了另一个解决方案：

legend: {
    symbolWidth: 100,
    symbolHeight: 2,
    labelFormatter: function () {
    if (this.legendItem) {
        $(this.legendItem.element).attr('x', 0).attr('y', 24);
    }
    if (this.legendSymbol) {
        $(this.legendSymbol.element).attr('y', 8);
    }
    return this.name;
    }
}