在示例中,图例标题为' City'水平对齐到左边。有没有办法可以将标题水平对齐到图例区域的中心?
legend: {
title: {
text: 'City<br/><span style="font-size: 9px; color: #666; font-weight: normal">(Click to hide)</span>',
style: {
fontStyle: 'italic'
}
}
},
在上面的图例标题中编辑样式似乎没有做任何事情。
感谢。
答案 0 :(得分:4)
艰难的一个。
我能想到的只是在图表加载上以编程方式进行:
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。