highcharts - 图例标题位置在

Question

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



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



Legend title只接受 2 个属性 - title和 style ，。

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

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

在Firebug中分析它，我看到我在样式中可以控制的项目并不是负责定位的实际项目。我想要控制的项目是蓝色突出显示的项目，但我实际控制的项目是它的内部项目:



如何定位标题？

Answer 1

使用 $(".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/