ApexCharts: перекрывающиеся всплывающие подсказки с сгруппированными диаграммами

Я динамически создаю синхронизированные (сгруппированные) диаграммы в ApexCharts (я реализую панель инструментов, на которой все диаграммы имеют общий масштаб), однако каждая диаграмма может содержать много наборов данных, а сгенерированные всплывающие подсказки могут расти довольно высокими, иногда они могут даже сильно перекрываться части друг друга.

введите описание изображения здесь

Есть ли какой-либо вариант или способ настроить диаграммы для отображения только всплывающей подсказки диаграммы, на которой в данный момент наведен курсор мыши (конечно, без отключения группировки / синхронизации)?

Играя с параметрами в разделе tooltip, я не нашел ничего, что могло бы это сделать.


javascript apexcharts
person svarog    schedule 10.08.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Используйте этот код в параметре всплывающей подсказки. Это решило проблему.

tooltip: {
    enabled: true,
    shared: false,  
    y: {
        formatter: function (val) {
            return "$ " + val 
        }
    }},
person Dakshina    schedule 10.08.2020
comment
Хотя он по-прежнему решает проблему перекрывающихся всплывающих подсказок, он по-прежнему показывает несколько всплывающих подсказок при наличии нескольких диаграмм. Я хочу показать только одну всплывающую подсказку с несколькими текущими значениями, причина в том, что иногда несколько наборов данных перекрывают друг друга, и только общая всплывающая подсказка может показать, какие значения находятся в определенной точке. - person svarog; 10.08.2020
comment
проверьте это codepen.io/dakshina/pen/JjGrxax. Я думаю, это поможет тебе. - person Dakshina; 11.08.2020
comment
Спасибо за помощь и время, но в примере опция группировки отключена, я не могу отключить эту опцию. - person svarog; 11.08.2020