169 похожих чатов

Добрый день, кто плотно работал с apexcharts? мне надо сделать

связанные sparkline'ы с такими условиями: tooltip отображается всегда и если мышь не наведена на график, то отображается последнее значение графика, tooltip должен располагаться справа от графика (не поверх, а именно справа)

попробовал 2 подхода:
1. сверстал отдельно графики, отдельно внешние tooltip'ы, при перемещении мыши испускал событие с dataPointIndex, ловил родителем, присваивал в свойство дочерних объектов, а там уже брал значение из серии для конкретного графика. Проблемы: видимо из-за выставления свойства (props) пересчитывается слишком много объектов и, соответственно, объект свойств apexcharts и это люто тормозит + есть глюк что всем графикам присваиваются цвета с последнего на странице
2. родной tooltip сместил правее графиков, css-ом. Проблемы: используется абсолютное значение в пикселях (иначе дёргается при смене значений), при изменении размеров контейнера с графиком и tooltip'ом последний начинает неправильно позиционироваться (что логично), практически полностью надо переписывать css самого apexchart'а относительно tooltip'ов с модификатором !important (короч чувствуется, что решение прям так себе)

По итогу хотелось бы что-то более близкое к первому подходу, чтобы нормально можно было сверстать и не трогать css apexchart'а, но при этом это всё не тормозило

2 ответов

21 просмотр
Oleg-B Автор вопроса

первый вариант выглядит так

Oleg-B Автор вопроса

у второго варианта ещё одна проблема, которую не понял как решить пока: пока не навёл мышь в первый раз тултип вообще не виден

Похожие вопросы

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
28
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
День добрый, подскажите пожалуйста, есть ли какой-то способ сказать ребару не компилировать определённое приложение? Всю доку их перечиатл ничего подобного не нашёл
Кирилл
14
Народ! Впервые клиенту пришло письмо от РКН, у вас, дескать, есть яндекс метрика, а нигде не написано, что вы ее юзаете. Никто не сталкивался?
Sasha Beep
10
Добрый вечер. Хочу чтобы у меня в классе поле было функцией, которая возвращает строку. Делаю так: interface ... TGetOutPath = function : String of object; ... protec...
Kirill Filippenok
12
Это может быть все-таки не флудвейт? у меня ботфазер принимает изменения и отображает даже что они изменились, на видео видно что он прислал якобы уже измененное описание, н...
OVERLINK
13
В clientsettings есть поле client_rates. В поле pagebuilder. Как получить то его?)
Andrey K
8
Здравствуйте, хочу сделать HelloWorld в консоли Дельфи, но функция API ничего не выводит, что я делаю не так? program Hello; {$APPTYPE CONSOLE} uses System.SysUtils, WinAPI.Wi...
Sergey Vinogradov
20
Вопрос на перед, на следующую пятницу. Сколько строк кода можно вешать на одного программиста, понятно что если проект хорошо написан то можно и миллион. Но есть же где то пре...
AlekseyK Kluchnikov
31
Немного оффтопа: а кто на чем сидит для осдева в плане ide/редактора? Последнее время сидел на vscode, но я его прям не могу нормально воспринимать, перешел на сlion, но меня...
Evg Resh
29
Карта сайта