传奇冠军位置

时间:2015-06-16 09:54:46

标签: highcharts legend

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

enter image description here

虽然我需要它在右侧,与图例项目在同一行:

enter image description here

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

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

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

通过在Firebug中分析它,我发现我可以在风格中控制的项目不是负责定位的实际项目。我要控制的项目是以蓝色突出显示的项目,但我实际控制的项目是其内部项目:

enter image description here

我如何定位标题?

1 个答案:

答案 0 :(得分:4)

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