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