如何指示highcharts散点图打印所有dataLabels

时间:2015-05-26 08:48:49

标签: javascript charts highcharts overlap

我有一个散点图,它使用某些元素上的dataLabel来快速显示有关该项的信息。

这是图表定义:

    chart: {
        type: 'scatter',
        height: 700
    },

    series: [
        {
                data: [
    { marker: { enabled: true }, x: 1, y: 18
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1197';             } } 
    }, 
    { marker: { enabled: true }, x: 1, y: 16
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1212';             } } 
    }, 
    { marker: { enabled: true }, x: 1, y: 15
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1213';             } } 
    }, 
    { marker: { enabled: true }, x: 1, y: 0
    , dataLabels: { enabled: true, formatter: function () { return '1.0.0.1197';             } } 
    }
        ]
    }
    ]
};

有关实时结果,请参阅https://jsfiddle.net/centic/gy4p6ej1/5/,它不会显示1.0.0.1213的dataLabel。

如果我将图表高度设置得更高,它会开始显示标签,但是我想强制高图显示我定义的所有标签,即使它们重叠并且与当前高度重叠,因为可能有更多数据 - 将来添加的点数。

我已经尝试了一些设置,例如allowOverlap,crop,......但是没有一个能有所作为!

1 个答案:

答案 0 :(得分:1)

您可以设置forest = get(load("forestGOOG.RData")) ,如下所示:

allowOverlap: true

参见this updated JSFiddle演示。