Highcharts垂直对齐传奇符号

Question

我正在做一些高级图表，我使用40×40图像作为图例标签。但是，图例符号是垂直顶部对齐的。 （fiddle）

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
}

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

Answer 1

您可以包装positionItem功能，以便将项目翻译为中间位置：http://jsfiddle.net/6fgMp/3/

(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);