Highcharts 高位图表垂直对齐图例符号

Highcharts 高位图表垂直对齐图例符号,highcharts,Highcharts,我正在做一些高图表,我使用40×40的图像作为图例标签。但是,图例符号是垂直顶部对齐的。() 图例:{ 对齐:“右”, 垂直排列:'中间', 布局:“垂直”, labelFormatter:函数(){ 返回$('')。追加($('') 是否有一些简单的方法垂直居中对齐图例符号?您可以包装positionItem功能,将翻译后的项目放在中间: legend: { align: 'right', verticalAlign: 'middle', layout: 'vertic

我正在做一些高图表,我使用40×40的图像作为图例标签。但是,图例符号是垂直顶部对齐的。()

图例:{
对齐:“右”,
垂直排列:'中间',
布局:“垂直”,
labelFormatter:函数(){
返回$('')。追加($('')

是否有一些简单的方法垂直居中对齐图例符号?

您可以包装
positionItem
功能,将翻译后的项目放在中间:

legend: {
    align: 'right',
    verticalAlign: 'middle',
    layout: 'vertical',
    labelFormatter: function () {
        return $('<div>').append($('<img>').attr('src', 'http://doc.jsfiddle.net/_downloads/jsfiddle-logo.png').css({
            height: 40,
            width: 40
        })).html();
    },
    useHTML: true
}
(function(H){
    H.wrap(H.Legend.prototype, 'positionItem', function(proceed, item){
        proceed.call(this, item);
        if(item.legendSymbol) {
            item.legendSymbol.translate(0, 10);
        }
        if(item.legendLine){
            item.legendLine.translate(0, 10);
        }
    });
})(Highcharts);