图例标题位置在

Legend title position in

我正在使用图例标题,但它位于图例项的左侧和上方:

虽然我需要它在右边,并且与图例项在同一行:

Legend title 只接受 2 个属性 - titlestyle,.

使用 style - 我找不到任何样式 属性 来移动它(尝试 floattextAlign)。

使用 text - 我尝试用 style="transform:translate(742,18);" 将标题包装在 HTML 标签中,但这也没有任何作用。

从Firebug中的分析,我发现样式中我可以控制的项目并不是实际负责定位的项目。我要控制的项目是用蓝色高亮显示的项目,但我实际控制的是它的内部项目:

如何定位标题?

使用 $(".highcharts-legend-title text") 控制该标题不是更容易吗?然后设置新的 transform 属性。但要小心 IE8 - 它使用的是 VML,而不是 SVG。

或者以 Highcharts 的方式:

var title = chart.legend.title;
title.translate(x, y); // translate legend's title

演示:http://jsfiddle.net/rum1rcum/