我正在使用图例标题,但它位于图例项的左侧和上方:
虽然我需要它在右边,并且与图例项目在同一行:
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
演示:http://jsfiddle.net/rum1rcum/
关于highcharts - 图例标题位置在,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30864278/