javascript - Highcharts 图例标题水平对齐

Question

在示例中，图例标题“City”水平对齐到左侧。有什么方法可以将标题水平对齐到图例区域的中心？

    legend: {
        title: {
            text: 'City<br/><span style="font-size: 9px; color: #666; font-weight: normal">(Click to hide)</span>',
            style: {
                fontStyle: 'italic'
            }
        }
    },

在上面的图例标题中编辑样式似乎没有做任何事情。

示例:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/legend/title/

谢谢。

Answer 1

艰难的。

我唯一能想到的就是在加载图表时以编程方式执行此操作:

function(){
    var legWidth = this.legend.maxItemWidth; // width of legend
    $.each(this.legend.title.element.children[0].children, function(i,j){
        j = $(j); // for each span in title
        var spanWidth = j.width();
        j.attr('dx', (legWidth / 2) - (spanWidth / 2)); // move it to center
    });
}

已更新 fiddle .