在highcharts中，如何对齐图例符号和图例文本？

Question

正如您在jsfiddle示例中所看到的，图例符号未与图例文本对齐。 有没有办法设置一些填充或边距，以便文本可以垂直对齐到顶部或什么？

http://jsfiddle.net/daxu/md2zk/62/

                legend: {
                    layout: 'vertical',
                    itemMarginTop: 20,
                    symbolHeight: 5,
                    symbolWidth:5,
                    itemStyle: {
                        color: 'black',
                        fontFamily: 'DINPro',
                        fontSize: '7.8409px',
                        fontWeight: 'normal',
        display:'inline-block',
                        verticalalign:'top'
                    },
                    align: 'right',
                    verticalAlign: 'middle',
                    floating: false,
                    x: 0,
                    y: 0
                },

Answer 1

在图例中将useHTML标记设为true。

示例：http://jsfiddle.net/md2zk/63/

Answer 2

您必须同时设置legend: {useHTML:true, itemStyle: {lineHeight:"10px"}} lineHeight会将文本对齐方式更改为您需要的内容。它适用于水平传奇。 见http://jsfiddle.net/md2zk/176/