WedX - журнал о программировании и компьютерных науках

dc.js - Прослушивание рендеринга группы диаграмм

Я пытаюсь реорганизовать некоторый собственный код d3, который я написал для рендеринга серии диаграмм, управляемых кросс-фильтром, добавив dc.js.

Моя основная проблема в том, что у меня есть некоторые типы диаграмм, которые не поддерживаются dc.js (например, Sunburst Partition), и я Я пытаюсь понять, как их визуализировать вместе с группой диаграмм dc.js.

Фильтрация одной диаграммы dc.js автоматически отображает / перерисовывает все остальные диаграммы, принадлежащие тому же chartGroup. Можно ли каким-то образом подключиться к этому глобальному событию повторного рендеринга, чтобы я мог одновременно рисовать диаграммы, не относящиеся к постоянному току?

Я понимаю, что на каждом отдельном графике есть слушатели, например chart.on("postRender", function(chart){...}), но, похоже, нет способа подключиться к повторному рендерингу группы диаграмм. Есть ли хороший образец, по которому это можно было бы достичь?

d3.js dc.js crossfilter
16.08.2014

Ответы:


1

«Правильный» способ сделать это - зарегистрировать диаграмму в реестре постоянного тока с помощью dc.registerChart

Вам просто нужно реализовать .redraw() и .render() для некоторого объекта (вашей диаграммы или оболочки) и передать этот объект в качестве первого аргумента.

Поместите его в ту же группу (второй аргумент), что и диаграммы, на которые он должен отвечать.

render () создает элементы dom с нуля, а redraw () обновляет их при изменении данных.

В зависимости от того, как используется диаграмма, вам также может потребоваться реализовать .filterAll () и . anchorName ()

17.08.2014
  • Спасибо! Это действительно кажется самым чистым способом. Я собирался просто прослушать событие перерисовки на случайной одной из диаграмм постоянного тока, как кто-то предложил в группе пользователей dc.js, но это, по общему признанию, немного хакерское ;-) Я попробую и дам вам знать, как это идет. 18.08.2014
  • Я считаю, что есть также .refocusAll(), когда уровень масштабирования / диапазон фокусировки сбрасывается для группы диаграмм. 13.10.2014
  • И если вы хотите принять участие в отмене регистрации диаграммы, вам нужно будет предоставить .anchorName() функцию, которая возвращает какой-то гид. Я просто генерирую случайное целое число с Math.random() * 1000000 << 0; в конструкторе и сохраняю его как член, и я возвращаю его из своего anchorName. Вид самодельного _dcFlags идентификатора. Все будет работать, его просто используют как ключ для удаления из реестра. 15.10.2014
  • Не могли бы вы также привести пример? Найти трудно ... 24.05.2018
  • @ user3329081, извините за медленный ответ. Вот один минимальный пример. Также вы можете посмотреть исходный код некоторых действительно простых виджетов, таких как number display, хотя на самом деле вам не нужно наследовать какой-либо из базовых классов dc.js, чтобы быть совместимым с dc.js. 22.06.2018
  • здесь добавлен простейший возможный пример: dc-js.github.io/ dc.js / examples / custom-chart.html 24.01.2020
    • Новые материалы
    Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что это выглядит сложно…
    Просто начните и учитесь самостоятельно Я хотел выучить язык программирования MVC4, но не мог выучить его раньше, потому что он кажется мне сложным, и я бросил его. Это в основном инструмент..
    Лицензии с открытым исходным кодом: руководство для разработчиков и создателей
    В динамичном мире разработки программного обеспечения открытый исходный код стал мощной парадигмой, способствующей сотрудничеству, инновациям и прогрессу, движимому сообществом. В основе..
    Объяснение документов 02: BERT
    BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Для любых предложений по сайту: [email protected]