javascript - 如何指示highcharts散点图打印所有数据标签

Question

我有一个散点图，它在某些元素上使用数据标签来快速显示有关该项目的信息。

这是图表定义:

    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。

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

我已经尝试过一些设置，例如allowOverlap、crop...，但没有一个起到作用!

Answer 1

您可以设置allowOverlap: true，如下所示:

plotOptions: {
    series: {
        dataLabels: {
            allowOverlap: true
        }
    }
}

参见this updated JSFiddle演示。