highcharts - 图例标题位置在

标签 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

如何定位标题?

最佳答案

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

相关文章:

javascript - 数据过滤 React Highcharts

javascript - 使用 onchange 更新 Highcharts 工具提示

javascript - EXTJS 5.1 可滚动图表图例

r - ggplot2:当重叠两个图以获得右侧的轴时,不显示第二个图的图例

r - 防止逗号在R中的表达式()中开始新行

javascript - 如果 highcharts 中的文本更多,工具提示将无法正常工作

javascript - Highcharts,将总数据显示为实时流

javascript - Highchart 刻度间隔

javascript - 圆环图的 jqPlot 图例不显示颜色样本/框

javascript - 根据基准不同的形状