Highcharts图例中的符号

Question

我有一个Highcharts图例，其中符号的大小因实际图表中的不同大小而显示不同。不幸的是，当数据点的大小增加时，图例中的符号也会增大。我希望图例符号的大小保持不变，而不管数据点的大小如何。

以下是一个示例，其中数据点随着图形的增长而增大。如果有关系的话，我使用的实际图形是散点图（而不是示例）。

http://jsfiddle.net/RsUhk/

任何帮助都非常感激！

- Robert

---

个人而言，我不认为会发生这种情况，尽管线条标记：{radius: 20} 是导致它们如此大的原因。 - Steve

我希望找到一种方法，使标记的大小保持不变，而图例标记保持标准半径：5或默认值。 - Robert

Answer 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);
});

这里有一个更新的代码示例链接.

- Mark

---

非常感谢。无论是否hacky，我需要它能够很好地运行，这就是诀窍。 - Robert

我使用了HighCharts的这个示例，因为它与我的情况非常相似，只是我使用的是散点图（而不是线条）。因此，legendLine不存在。我尝试使用类似于以下内容的东西。 this.legendSymbol.translate(-10,-10).attr({height:10, width:10});不幸的是，定位有误。我不知道如何根据新的尺寸成功地重新定位。马克，你有什么想法吗？ - Robert

还有一点需要注意：图例符号的大小是动态分配的，几乎可以保证大小不同。 - Robert