Автор: Бруно Эдох
В частях 1 (Основы визуализации данных) и 2 (Начало работы) этой серии статей мы обсудили, что означает визуализация данных и как начать использовать picasso.js для создания визуализаций данных.
В этом посте мы пойдем дальше и обсудим некоторые расширенные функции Picasso.js. Мы не будем подробно рассматривать список функций инструмента, но мы выделим несколько способов, которыми вы можете улучшить визуализацию данных, созданную picasso.js.
Жизненный цикл диаграммы
Чтобы добавить дополнительные функции к диаграммам picasso.js, вам необходимо воспользоваться предоставленными крючками жизненного цикла. Хуки жизненного цикла дают более точный контроль над диаграммами. Следующие действия запускают события жизненного цикла в соответствующем порядке. Некоторые вещи, которые вы можете делать с помощью хуков жизненного цикла, могут включать добавление анимации и переходов.
Отрисовка диаграммы впервые:
создан ›beforeRender› beforeMount ›установлен
Разборка диаграммы:
beforeDestroy ›уничтожен
Обновление диаграммы:
beforeUpdate ›beforeRender› обновлено
Пример:
Больше диаграмм
Для создания диаграмм (включая гистограммы, прямоугольные диаграммы, маркированные диаграммы, диаграммы с областями и потоковые диаграммы) вам следует ознакомиться с примерами Пикассо с образцами кода. Можно создавать собственные компоненты, чтобы иметь полный контроль над визуализацией. Посмотрите этот пример того, как создать собственный компонент.
Заключительные мысли
Скорость производства данных растет экспоненциально каждую секунду - на самом деле данных генерируется больше, чем мы в настоящее время можем проанализировать. Тем не менее, растущий объем данных дает ответы на многие вопросы. Необходимость получить доступ к этим ответам создала потребность в инструментах визуализации данных.
В этой серии статей мы увидели, как picasso.js, удобная библиотека JavaScript, может помочь нам легко создавать визуализации. Picasso.js позволяет разработчикам плавно управлять визуализацией данных. С помощью picasso.js вы можете легко создать визуализацию, которая наилучшим образом расскажет вашу историю. Взгляните на официальный сайт для примеров, чтобы начать любой проект визуализации данных.
Эта статья завершает серию. Как всегда, не стесняйтесь заглядывать на https://picassojs.com/, где есть документы, руководства и примеры. А если вы заинтересованы в публикации статьи в блоге Qlik Branch, свяжитесь с Аной Ненниг ([email protected]).
****
Об авторе
Бруно Эдох (Bruno Edoh) - внешний платный участник через Fixate.io, он учится на младших курсах университетского колледжа Ашеси и изучает компьютерные науки. Это его вторая статья в Qlik Branch. Он заинтересован в использовании мощи технологий для повышения производительности. Как большой поклонник технологий с открытым исходным кодом, он в настоящее время изучает возможность использования биткойн-блокчейна для борьбы с коррупцией в правительстве.