散点图的 Highcharts 图例符号大小答案

【问题标题】：Highcharts legend symbol sizes for scatter charts散点图的 Highcharts 图例符号大小
【发布时间】：2014-07-21 07:33:00
【问题描述】：

我在为具有不同符号大小的 3d 散点图渲染图例时遇到问题 - 请参阅 http://jsfiddle.net/YyV6x/4/

图例采用与主图表中相同大小的符号，并且图例项的位置完全关闭。我尝试强制图例符号的大小相同：

$(chart.series).each(function(){
    this.legendSymbol.attr('width',8);
    this.legendSymbol.attr('height',8);
});

不幸的是，它还会移动符号 X 和 Y 坐标 - 请参阅 http://jsfiddle.net/HB53K/。

我该如何解决这个问题？

谢谢

【问题讨论】：

标签： highcharts

【解决方案1】：

在调整width 和height 之前，您可以对每个chart.series 执行translate 以将它们移动到正确的位置。像这样（JSFiddle example）：

$(chart.series).each(function(){
    this.legendSymbol.translate((this.legendSymbol.width/2), ((this.legendSymbol.height/2)-4));
    this.legendSymbol.attr('width',8);
    this.legendSymbol.attr('height',8);
});

它不会修复原始大小的图例项之间剩余的间距，但至少每个项都位于其图例文本的位置。

可能有一些更优雅的方法来解决这个问题。

【讨论】：

为此+1，看起来很整洁，并以某种方式解决了问题。想知道 OP 首先要有不同的半径有什么要求吗？
谢谢 - 迄今为止最好的解决方案！关于不同的半径 - 当半径对应于某个统计时，将第 4 维添加到方程中。

【解决方案2】：

您可以使用不同的解决方案：为系列设置默认标记，但为每个点更改半径：http://jsfiddle.net/HB53K/5/

系列示例：

    { 
        name: 'Drinking out',
        data: [
            {
                y: 5,
                marker: {
                    radius: 19
                }
            },{
                y: 8,
                marker: {
                    radius: 19
                }
            },{
                y: 6,
                marker: {
                    radius: 19
                }
            }
        ],
        marker: {
            symbol: 'square',
            //radius: 19 //default value
        }
    }

【讨论】：

【解决方案3】：

作为增强功能向我们的开发人员报告。

https://github.com/highslide-software/highcharts.com/issues/3275

【讨论】：