首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >散点图的图例符号尺寸

散点图的图例符号尺寸
EN

Stack Overflow用户
提问于 2014-07-21 07:33:00
回答 3查看 3.5K关注 0票数 3

对于具有不同符号大小的三维散点图,我有一个绘制图例的问题-请参阅http://jsfiddle.net/YyV6x/4/

图例采用与主图表相同大小的符号,图例项的位置完全关闭。我试着强迫传奇符号保持相同的尺寸:

代码语言:javascript
运行
复制
$(chart.series).each(function(){
    this.legendSymbol.attr('width',8);
    this.legendSymbol.attr('height',8);
}); 

不幸的是,它还移动了符号X和Y坐标-参见http://jsfiddle.net/HB53K/

我怎么才能解决这个问题?

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-07-21 10:42:02

您可以在每个chart.series上做一个chart.series,在调整widthheight之前将它们移动到正确的位置。像这样(JSFiddle实例):

代码语言:javascript
运行
复制
$(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);
});

它没有固定图例项之间从原始大小遗留下来的间距,但至少每个项目都处于其图例文本的位置。

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

票数 2
EN

Stack Overflow用户

发布于 2014-07-21 11:18:25

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

系列示例:

代码语言:javascript
运行
复制
    { 
        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
        }
    }
票数 1
EN

Stack Overflow用户

发布于 2014-07-21 11:22:16

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24859766

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档