wx charts

wx-диаграммы

Диаграммы для небольшого приложения WeChat, диаграммы для небольшого приложения WeChat

Рисунок на холсте, небольшой размер.

Мы продолжаем оптимизировать и обновлять, следите за обновлениями ~ Если у вас есть какие-либо вопросы, обсудите их в разделе «Проблемы». Прежде чем поднимать проблему, прочтите это уведомление.

ByteDance набирает большое количество инженеров-разработчиков интерфейса (младших, старших, старших и руководителей), расположенных в Пекине, Шанхае, Шэньчжэне, Ханчжоу, Чэнду, Ухане, Гуанчжоу и Нанкине. Заинтересованные друзья, пожалуйста, нажмите здесь, чтобы подать заявку. .

Поддерживаемые типы диаграмм

• pie диаграмма
• ring пончик с диаграммой
• line графика линия
• column гистограммы
• карта area
• Радарная диаграмма radar

Анализ кода здесь

Обновить запись

• Оптимизация производительности анимации
• Поддержка прокрутки диаграмм благодаря @jxintang
• Оптимизация рисования кривых
• Добавлена ​​радиолокационная карта 17 марта 2017 г.
• Новая подсказка 7 марта 2017 г.
• Новый рисунок кривой 6 марта 2017 г.
• Добавлены методы для обновления данных, завершения анимации и рендеринга обратного вызова события. 17 февраля 2017 г.
• Добавлен заголовок кольцевой диаграммы и подзаголовок 10 января 2017 г.
• предотвращение коллизий при копирайтинге по оси X 30 декабря 2016 г.
• добавить данные круговой диаграммыLabel 19.12.2016
• добавить анимацию 05.12.2016
• сборка с rollup 02 декабря 2016 г.
• добавить легенду 29.11.2016

Как использовать

1. Ссылайтесь напрямую на скомпилированный файл dist/wxcharts.js или dist/wxcharts-min.js

2. Скомпилируйте самостоятельно

 git clone https://github.com/xiaolin3303/wx-charts.git
npm install rollup -g
npm install
rollup -c 或者 rollup --config rollup.config.prod.js

Как использовать wx-charts в реальных проектах или посетите wx-charts-demo, чтобы увидеть примеры запуска непосредственно в инструментах разработки WeChat.

Описание параметра

Описание параметра — документация по использованию wxCharts

Методы и события

Методы и события - Инструкция по использованию wxCharts

Пример

Для получения дополнительной информации просмотрите Пример — инструкции по использованию wxCharts.

тест

1. айфон 6с, iOS 9.3.5
2. Сяоми 4, АНДОРИД 6.0.1

Пожалуйста, сообщите о проблемах совместимости в выпуске

Краткое изложение некоторых вопросов

• Проблема с адаптивной шириной экрана wx-charts
• Как конкретно использовать wxCharts в проекте