ApexCharts: overlapping tooltips with grouped charts

Question

I am dynamically creating synchronized (grouped) charts in ApexCharts (I'm implementing a dashboard where all charts share their zoom), however each chart can contain a lot of datasets and the generated tooltips can grow quite tall, sometimes they can even overlap large parts of each other.

Is there any option or way to setup the charts to display only the tooltip of the chart my mouse cursor is currently hovering on (of course without turning off grouping/sync)?

Playing with the options in the tooltip section I couldn't find anything that does that.

Answer 1

Use this code on your tooltip option. It solved the problem.

tooltip: {
    enabled: true,
    shared: false,  
    y: {
        formatter: function (val) {
            return "$ " + val 
        }
    }},