Я использую Swiper API.Когда есть какая-либо Диаграмма d3, кисть получает бессмысленные координаты мыши, в любом случае не относящиеся к контейнеру, где происходит щелчок.(На самом деле это по крайней мере окруженный svg.) Я пытаюсь найти решение, но я не знаю, как заставить d3.brushX использовать координаты мыши, которые действительно относительны.Я не знаю, является ли это ошибкой или нет, вероятно, это не имеет отношения к самой кисти, а скорее к тому, как браузер передает щелчки мыши сверху вниз по DIV, пока не будет достигнут SVG.Вот Fiddle .
(только для раздражающего правила кода:)
// Add brushing
var brush = d3.brushX()
Второй слайд содержит пример встроенной линейной диаграммы d3, взятой из здесь. Скрипка работает только в Chrome 75+.Ни в Firefox 68+, ни в Edge 44+.
Запуск примера диаграммы автономно, он работает во всех доступных браузерах.Поэтому я назначаю этот пост для Swiper и D3, надеюсь, чтобы получить подсказку для решения.