首页 文章

Highcharts 3.0气泡图 - 控制气泡尺寸

提问于
浏览
8

使用Highcharts 3.0,可以创建类型为'bubble'的图表,而在3.0之前,必须使用'scatter'图表并修改标记大小以制作气泡图表 . 旧方法的好处是你可以完全控制每个气泡的可见像素半径 - 新的气泡图自动调整气泡的大小,使它们相对于彼此的大小 . Is there any way to turn off this behavior or set bubble radius manually?

2 回答

  • 10

    我很难看到气泡图相对于彼此的大小没有任何用处 .

    但是,您应该能够使用minSize和maxSize选项以您需要的方式控制它们:

    bubble: {
                    minSize:2,
                    maxSize:50
             }
    

    {{编辑:我实际上也没有在文档中看到它们 . 但是你可以在这里看到一个例子:http://jsfiddle.net/fXzke/13/使用数字作为像素值,或使用图表高度百分比的字符串}}

  • 10

    我发现在系列中添加一个“空”气泡有助于保持图表中所有气泡的大小相对于彼此:

    name: '',
    data: [{x:0,y:0,z:0}], 
    showInLegend: false, 
    color: 'transparent', 
    enableMouseTracking: false
    

    这是JSFiddle的一个示例:http://jsfiddle.net/9bebT/2/ . 图例,颜色和鼠标跟踪变量均有助于将项目保留在系列中,但对用户不可见 . 如果您只是删除空气泡或将其可见性设置为"false,",则图表不会将z轴(直径)设置为minSize .

相关问题