score:1

Accepted answer

You can disable visible property for the first series and use tooltip's formatter function to find a matched point from the hidden series and show it's values.

    tooltip: {
        formatter: function(tooltip) {
            const originalFormat = tooltip.defaultFormatter.call(this, tooltip);
            const point = this.points[0].point;
            const originalPoint = tooltip.chart.series[0].points.find(
                p => p.x === point.x
            );

            originalFormat[1] = `<span style="color:black">●</span> <b> ${point.series.name}</b><br/>Open: ${originalPoint.open}<br/>High: ${originalPoint.high}<br/>Low: ${originalPoint.low}<br/>Close: ${originalPoint.close}<br/>`;
            return originalFormat;

        }
    },
    series: [{
        name: 'Values',
        type: 'ohlc',
        visible: false
    }, {
        name: 'Adj_Values',
        type: 'ohlc',
        visible: true
    }, ...]

Live demo: http://jsfiddle.net/BlackLabel/k2mhvdp6/

API Reference: https://api.highcharts.com/highcharts/tooltip.formatter


Related Query

More Query from same tag