图例标题位置在

Question

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

虽然我需要它位于右侧，并且与图例项目在同一行：

图例标题仅接受 2 个属性 -title和style,。

使用style- 我找不到任何样式属性来移动它（尝试过float，textAlign）。

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

通过在 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/