图例中的 Highcharts 符号答案

【问题标题】：Highcharts Symbol in Legend图例中的 Highcharts 符号
【发布时间】：2012-05-20 01:43:36
【问题描述】：

我有一个 highcharts 图例，其中符号以不同的大小显示，因为它们在实际图表中的大小不同。不幸的是，当数据点的大小增长时，它们也在图例中增长。无论数据点大小如何，我都希望图例符号保持相同大小。

这是一个数据点随图表增长的示例。万一这很重要，我使用的实际图表是散点图（与示例不同）。

http://jsfiddle.net/RsUhk/

非常感谢任何帮助！

【问题讨论】：

就我个人而言，我看不到这种情况发生，尽管线标记：{radius: 20 } 是它们如此之大的原因......
我希望找到一种方法让标记为一个尺寸，而图例标记保持在标准半径：5 - 或任何默认值。

标签： highcharts scatter-plot

【解决方案1】：

这有点老套，但这是我能想到的最好的了。绘制好图后，手动调整图例符号：

$(chart.series).each(function(){
    this.legendSymbol.attr('width',8);
    this.legendSymbol.attr('height',8);
    this.legendSymbol.attr('x',this.legendLine.attr('translateX')-17);
    this.legendSymbol.attr('y',this.legendLine.attr('translateY')-4);
});

更新小提琴here。

【讨论】：

非常感谢。哈克与否，我需要它玩得很好，这就是诀窍。
我使用了 HighCharts 中的这个示例，因为它与我的情况非常相似，但我使用的是散点图（不是线）。结果，legendLine 不存在。我试过使用这样的东西。 this.legendSymbol.translate(-10,-10).attr({height:10, width:10});不幸的是，定位是关闭的。我不确定如何根据新尺寸成功重新定位。想法马克？
另外注意：legendSymbols 的大小是动态分配的，几乎可以保证大小不同。