我正在使用图例标题,但它位于图例项目的左侧和上方:
虽然我需要它在右侧,与图例项目在同一行:
Legend title只接受2个属性 - title
和style
,.
使用style
- 我找不到任何样式属性来移动它(尝试float
,textAlign
)。
使用text
- 我尝试使用style="transform:translate(742,18);"
将标题包装在HTML标记中,但这对它也没有任何作用。
通过在Firebug中分析它,我发现我可以在风格中控制的项目不是负责定位的实际项目。我要控制的项目是以蓝色突出显示的项目,但我实际控制的项目是其内部项目:
我如何定位标题?
答案 0 :(得分:4)
使用$(".highcharts-legend-title text")
控制该标题会更容易吗?然后设置新的transform
属性。但要小心IE8 - 它使用的是VML,而不是SVG。
或以Highcharts的方式:
var title = chart.legend.title;
title.translate(x, y); // translate legend's title