高图重叠标签不应该被隐藏

Highchart - overlapping label should NOT be hidden

本文关键字:隐藏 不应该 标签 重叠 高图      更新时间:2023-09-26

有时我的点靠得很近,我的高程图隐藏了我的标签。是否有选项可以避免这种情况(图表是从定期刷新的数据中绘制的)

在例子中,点"A TEST"answers"B - PLEASE SHOW ME"靠得很近,导致重叠。图表自动隐藏B的标签,但我希望它显示(图表不应该超过3个点,所以混乱应该不是一个问题)

http://jsfiddle.net/4jb4gusj/1/

$(function () {

$('#container').highcharts({
    chart: {type: 'scatter'},
    title: {text: 'title'},
    subtitle: {text: 'subtitle'},
    xAxis: {
        min: 2,
        max: 5,
        type: 'linear',
        title: {
            text: 'Weight'
        }
    },
    yAxis: {
        title: {
            text: 'Height'
        },
        min: 110,
        max: 170
    },
    legend: {
    Layout : 'vertical'
    },
    tooltip: {
        headerFormat: '<b>{series.name}</b><br>',
        pointFormat: '{point.x:%e. %b}: {point.y:.2f} m'
    },
    plotOptions: {
       scatter: {
           dataLabels: {
                formatter: function() {
                    return this.series.name ;
                },
                enabled: true
            },
            marker: {
                radius: 5,
                states: {
                    hover: {
                        enabled: true,
                        lineColor: 'rgb(100,100,100)'
                    }
                }
            },
            states: {hover: {marker: {enabled: false}}},
            tooltip: {
                headerFormat: '<b>{series.name}</b><br>',
                pointFormat: '{point.x} cm, {point.y} kg'
            }
        }
    },
    series: [{
        name: "A TEST ", data: [[3.91, 140.63]]
            }, {
        name: "B - PLEASE SHOW ME",
        data: [[3.65, 143.68]]
    }, {
        name: "C TEST ",
        data: [[2.69, 172.94]]
    }
     ]
});

});

如果重叠不成问题,则使用

allowOverlap:true,