Highcharts - 防止大标记溢出轴 - 我的气泡逃逸=(

时间:2013-03-20 22:21:38

标签: highcharts

这张照片应该说明一切。我正在尝试使用HighCharts实现气泡图(基本上是一个散点图,标记大小根据某个指标而变化)。可悲的是,我的一些气泡试图逃离图表,溢出轴线并使事情看起来凌乱且难以阅读。有什么办法可以防止这个?显然我可以操纵轴的范围,但我宁愿隐藏气泡的溢出部分。此外,如果要求x轴从0开始(例如),则不能选择此项。图片:

溢出(Highcharts):

Overflowing bubble

No Overflow(图表总监)。这就是我想要的:

Bubble cut off nicely

1 个答案:

答案 0 :(得分:1)

我建议尝试使用v3.0 beta版本来解决您的问题。请看一下例子:

http://jsfiddle.net/g8JcL/68/

 $('#container').highcharts({

    chart: {
        type: 'bubble',
        plotBorderWidth: 1,
        zoomType: 'xy'
    },

    title: {
        text: 'Highcharts bubbles with radial gradient fill'
    },

    xAxis: {
        minPadding:0,
        gridLineWidth: 1
    },

    yAxis: {
        startOnTick: false,
        endOnTick: false
    },

    series: [ {
        data: [
            [42, 38, 500],
            [6, 18, 1],
            [0, 93, 505],
            [57, 2, 90],
            [80, 76, 22],
            [11, 74, 96],
            [88, 56, 10],
            [30, 47, 49],
            [57, 62, 98],
            [4, 16, 16],
            [46, 10, 11],
            [22, 87, 89],
            [57, 91, 82],
            [45, 15, 98]
        ]
    }]

});