F2, от инициалов Fast & Flexible, представляет собой индивидуальное готовое решение для визуализации в семействе AntV.
мимо
Может быть, все со мной незнакомы, но со дня запуска AntV я дебютировал, на тот момент у меня было другое имя «G2-mobile».Графическая грамматикаправдивая биография,Он в основном используется для удовлетворения требований мобильных диаграмм со строгими требованиями к размеру кода и производительности рендеринга..
Однако я, гордившийся простотой, высокой производительностью и широкими возможностями расширения, все еще не ровня этой эпохе красоты и справедливости. Визуальная диаграмма на мобильном терминале более важна, чем выражение, и преследует свежесть и яркость. Чтобы удовлетворить этот спрос, для моих первых пользователей можно сказать, что это «нож в начале, и все оборудование сделано вами». "... Из-за отсутствия полной системы проектирования мобильного терминала и функциональной поддержки творчество большинства дизайнеров можно только кастрировать, а мне остается только молча нести тяжелый котел.
Оглядываясь назад, можно сказать, что это был новорожденный теленок, который не боялся тигров, и все зависело от его тяжелой работы по поддержке различных потребностей карт на мобильной стороне...
В наше время спрос непредсказуем, и я все больше чувствую, что трудно продолжать гордиться миром в одиночку, поэтому яПосещение крупных деловых вечеринок, совместное создание и расширение опыта визуализации, в то же время накопление сути и концентрация на дизайне диаграмм визуализации мобильного терминала., рассчитывайте интегрировать и извлечь выгоду из всех видов мобильных продуктов для банд.
F2 3.1, новый вид
哐 ~~~ Это большое кольцо в солнечном, после почти 1998-го дня, теперь я официально «F2»』Во имя того, чтобы рекомендовать себя всем, я буду использовать Fast & Flexible в качестве своего кодекса поведения и постараюсь встроить себя в набор «готовых решений для мобильной визуализации».
Совершенно новый движок 2D-рисования
До версии F2 3.1 нижний слой напрямую использовал нативный Canvas для рисования.Хотя он имеет преимущество в производительности, он слишком низкоуровневый и имеет грубый API.Кроме того, функция реального времени без состояния и без объектов Drawing заставляет его внутреннюю графику не поддерживать анимацию или какие-либо интерактивные события. Итак, в версии 3.1 мы представили новый движок рисования, который имеет:
* Иерархическая структура
* Поддержка создания, модификации и уничтожения контейнеров и различной графики
* Анимация
* Матричное преобразование
Обеспечивая производительность, он также открывает двери для интерактивности. Разработчики также могут легче создавать фигуры. С ним вы можете делать это, так, так!
Для получения дополнительной информации см.:Интерфейс рисования G.
Механизм плагинов для лучшего расширения функции диаграммы
Как улучшить функцию диаграммы, не внося слишком большого изменения объема, и в то же время предоставить пользователям возможность выбора и расширения?Плагин механизма!
В версии 3.1 компания F2 представила механизм подключаемых модулей для расширения функций диаграммы. Этот механизм может помочь пользователям настроить или изменить поведение диаграммы по умолчанию на различных этапах ее создания. Легенда, руководство, всплывающая подсказка и анимация (группы ), упомянутые ниже, и две версии прекрасной анимации) основаны на механизме плагинов.
Для получения дополнительной информации см.:Плагин.
Более гибкий механизм внедрения по запросу
F2 применяется к мобильному терминалу и придает большое значение размеру кода.F2 обеспечивает механизм импорта по запросу, чтобы удовлетворить потребность пользователя в загрузке только необходимого функционального кода для уменьшения избыточного импорта. По сравнению с F2 3.0, механизм импорта по требованию версии 3.1 более детализирован, а также разделены тип системы координат, тип оси и тип направляющей, а также удалена прежняя зависимость от порядка импорта, что более гибкий.
Далее то же самое, что и F2d3,chart.js,Highcharts,echarts,g2Сравнительная таблица размеров томов:
Для получения дополнительной информации см.:Цитирование по запросу.
Полная поддержка системы проектирования мобильных терминалов
При разработке G2 у нас изначально была систематическаяПринципы проектирования AntV, а благодаря углубленному изучению потребностей мобильных пользователей и накоплению все более и более многочисленных сценариев приложений мы расширили набор систем методов проектирования, подходящих для мобильных терминалов для этого обновления системы, и реконструировали все компоненты визуализации F2. (Подробнее см. ниже введение в компоненты, анимацию и стили).
Функциональные компоненты диаграммы отношения
Дорогие мои, теперь вы можете удалить весь код, который вы так усердно написали, чтобы реализовать всплывающую подсказку и легенду! В новой версии F2 3.1 представлены новые функциональные компоненты «Подсказка», «Легенда» и «Направляющая диаграмма», основанные на механизме подключаемых модулей:
Почему это называется отношением? Поскольку мы обнаружили, что мобильный интерфейс небольшой, организация контента и макет в основном имеют вертикальную компоновку, традиционное взаимодействие с подсказкой и макет легенды не подходят для мобильных устройств.Проблема в том, что подсказка скрыта скользящим большим пальцем.
Хотя технически эту проблему можно обойти,Но почему бы не улучшать напрямую от дизайна и поведенческих взаимодействий?Поэтому мы суммируем и выделяем следующие методы взаимодействия, подходящие для мобильных терминалов, и технически предоставляем гибкие механизмы настройки и настройки:
Для получения дополнительной информации см.:Легенда Легенда,Подсказки,Направляющий вспомогательный элемент.
яркая анимация
Яркие, ритмичные анимации могут быть важным визуальным ориентиром для диаграмм.Увеличьте удовольствие.
В новой версии F2 3.1 предусмотрено два типа анимаций:
1. Общая анимация, то есть анимация входа в график, подходит для ситуации, когда график загружается только один раз, после чего никаких изменений данных не происходит.
2. Подробная анимация, включая анимацию входа, обновления и выхода, и в то же времяТакже предусмотрен настраиваемый механизм анимации., который подходит для сценариев, в которых данные диаграммы обновляются и требуется более высокая анимация.
Поскольку анимация также реализована на основе механизма подключаемых модулей, пользователи могут решать, какой тип анимации использовать в соответствии со своими потребностями.
Для получения дополнительной информации см.:Анимация.
благодарный
Можно сказать, что с версии 3.0 до версии 3.1 F2 претерпел изменения.Я очень благодарен продуктам и братским командам, которые совместно создавали и поддерживали нас в течение этого периода (в произвольном порядке):
До «готового» мобильного «решения для визуализации» еще далеко, это только первый шаг, но направление правильное, не боясь долгой дороги, с нетерпением ожидая прогулки с всем вам в будущем, если у вас есть какие-либо комментарии, идеи или интерес к F2, уважаемыйМы с нетерпением ждем вашего контакта с нами и приглашаем отправить ваше резюме: antv@antfin.com, мы ждем тебя!
наконец
Увидев это, вы должны быть заинтересованы во мне.Вот вам немного информации:
* Вы можете следить за официальным сайтом«Использование учебника»Документация Шаг за шагом ознакомьтесь с F2
* Если вам нужно обновить, пожалуйста, прочитайте"Инструкции по обновлению"
*
Добро пожаловать в мой тщательно подготовленныйDemo, просмотр кода сканирования мобильного телефона стал лучше! ~
Нажмите TV.Alibaba.com/this-can/post 2/3. …(автоматическое распознавание QR-кода)
другие способы связи:
* AntV: antv.alipay.com
* Github: github.com/antvis/f2
* Знайте столбец:zhuanlan.zhihu.com/aiux-antv
*
Группа обслуживания Dingding (добро пожаловать, отсканируйте код, чтобы присоединиться)
Подтвердить Поставить лайк на него leave.com/action/join…(автоматическое распознавание QR-кода)