score:1

Accepted answer

the key is to have a tooltip formatter function that returns just this.x + ', ' + this.y.

see the tooltip documentation for reference. demo below.

highcharts.chart('container', {
    xaxis: {
        min: -0.5,
        max: 5.5
    },
    yaxis: {
        min: 0
    },
    title: {
        text: 'scatter plot with regression line'
    },
    series: [{
        type: 'line',
        name: 'regression line',
        data: [[0, 1.11], [5, 4.51]],
        marker: {
            enabled: false
        },
        states: {
            hover: {
                linewidth: 0
            }
        },
        enablemousetracking: false
    }, {
        type: 'scatter',
        name: 'observations',
        data: [1, 1.5, 2.8, 3.5, 3.9, 4.2],
        marker: {
            radius: 4
        }
    }],
    tooltip: {
      formatter: function() {
        return this.x + ', ' + this.y;
      }
    },
});
<html>
<body>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
</body>
</html>


Related Query

More Query from same tag