Я использую библиотеку d3-brush, чтобы показать диаграмму и временную шкалу пользователю.Моя цель - создать локальную копию brush.js, которая работает так же, как файл brush, из библиотеки d3-brush.
Я использую custom-line-chart.component.ts для диаграммы, которая использует custom-timeline.component.ts,Компонент временной шкалы - это просто копия того же компонента из библиотеки ngx-charts.Затем я попытался создать локальную копию brush.js, как вы можете видеть на скриншоте проводника.
снимок экрана проводника компонента пользовательской шкалы
Однако импортированныйbrushX() метод работает, только если мы импортируем его из d3-brush в node_modules, а не из локальной копии.
on метод выдает ошибку
Вот сообщение об ошибке:
сообщение об ошибке во время компиляции
ERROR in .../custom-timeline/custom-timeline.component.ts (143,8):
Property 'on' does not exist on type '{ (group: any): void;
move: (group: any, selection: any) => void; extent: (_: any) => any | (() =...'.
Property 'on' does not exist on type '() => any[][]'.
Здесь вы можете видеть, что локальный файл brush.jsиспользуется.
импорт brushX() из локальной копии
вариант использования Я хочу установить прямоугольник кисти на временной шкале в размер по умолчанию(например, ширина кисти = 200 пикселей), и диаграмма автоматически обновляется до выбора временной шкалы по умолчанию без создания новой кисти, щелкая и перемещая новую кисть на временной шкале.Это означает, что для выбора по умолчанию диаграмма будет увеличиваться. Таким образом, может быть показан временной интервал по умолчанию, а затем пользователь может переместить кисть на временной шкале, чтобы увидеть остальные точки диаграммы.
Среда: Mac OS 10.13.6 High Sierra, VSCode
Версия ngx-чартов: 10.0.0
Угловая версия: 4.4.7
Браузер:Chrome 71.0.3578.98
Язык: TypeScript 3.2.2 |ES6
Буду признателен за любую помощь.