图例标题位置在
Legend title position in
我正在使用图例标题,但它位于图例项的左侧和上方:
虽然我需要它在右边,并且与图例项在同一行:
Legend title 只接受 2 个属性 - title
和 style
,.
使用 style
- 我找不到任何样式 属性 来移动它(尝试 float
、textAlign
)。
使用 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
我正在使用图例标题,但它位于图例项的左侧和上方:
虽然我需要它在右边,并且与图例项在同一行:
Legend title 只接受 2 个属性 - title
和 style
,.
使用 style
- 我找不到任何样式 属性 来移动它(尝试 float
、textAlign
)。
使用 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