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

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 的数据标签。

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

我已经尝试过一些设置，例如 allowOverlap、裁剪……但是 none 的设置产生了不同！

Answer 1

你可以设置allowOverlap: true，像这样：

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

参见this updated JSFiddle 演示。

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

How to instruct highcharts scatter chart to print all dataLabels

javascript

charts

overlap

highcharts