在高图表中，如何对齐图例符号和图例文本

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

您必须

同时设置这两个legend: {useHTML:true, itemStyle: {lineHeight:"10px"}}行高会将文本对齐方式更改为您需要的内容。它适用于我的水平图例。请参阅 http://jsfiddle.net/md2zk/176/

Answer 2

在

图例中将useHTML标志设置为 true。

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