English | Русский язык

G2Plot

✨ Функциональные возможности

📦 Высококачественные статистические графики с элегантным дизайном

G2Plot предлагает пользователям набор визуальных языков и дизайнерских норм, выделенных из корпоративных продуктов. Визуальный стиль всех графиков был оптимизирован, а также созданы оптимальные конфигурации для каждого типа графика, чтобы обеспечить создание элегантных и стандартизованных графиков при минимальной настройке.

📊 Адаптивность: делаем графики более умнымиВ реальных сценариях использования графиков часто возникают проблемы с недостатком пространства для отображения данных, что приводит к наложению текста, невозможности адаптации к содержанию и проблемам среза информации. G2Plot использует идею терпимого дизайна, чтобы уменьшать количество вспомогательной информации при высокой плотности данных, гарантируя отображение основной информации и её читаемость.

🔳 Шаг вперед: графики, рассказывающие историю

В рамках G2Plot графики больше не являются независимыми экземплярами. Введение понятия слоёв позволяет объединять, наложения и взаимодействие нескольких графиков для рассказывания истории данных. В будущем мы планируем исследовать возможность преобразования статистических графиков в информационные карты, расширяя способности представления данных.

📦 Установка

$ npm install @antv/g2plot

🔨 Использование

<div id="container"></div>

import { Bar } from '@antv/g2plot';

const data = [
  { year: '1951', sales: 38 },
  { year: '1952', sales: 52 },
  { year: '1956', sales: 61 },
  { year: '1957', sales: 145 },
  { year: '1958', sales: 48 },
];

const bar = new Bar('container', {
  data,
  xField: 'sales',
  yField: 'year',
  seriesField: 'year',
});

bar.render();

🤝 Принятие участия

Мы очень рады вашим вкладам! Будь то issue или PR. Обратите внимание на проблему, прочитав сначала issues.

При отправке кода следуйте руководству по вкладам.Благодарим следующих участников за вклад (ключ эмодзи): <! -- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --> <! -- prettier-ignore-start --> <! -- markdownlint-disable -->

Visiky 💻	hustcc 💻	Joel Alan 💻	Лiu Zhēnyíng 💻	Zhu Qilú 💻	Arcsin1 💻
Былое влажность воздуха 💻

_yp0413150120

_{Си Ли}

_{ДарренПэй}

_{МиниПир}

_{контоно}

_{Ю Цзюньсяо}

_afc163

_{不明来源的用户名}

_{Мартин Юл}

_jhwong

_{Джинсонг Гао}

_{Мистер_小刘}

_ntscshen

_{юминанци}

_{ай-цинанси}

_{ксркфгг}

_{Дейнлак}

_карис

_{. . .}

_Мэйнь

_{Плортинус}

_{Шаньцзе Чен}

_{Янг Либин}

_beeWolf233

_lqzhgood

_neoddish

_stack-stark

_vector

<td align="center"><a href="http://www.wanyingxing.vip/" title="Код">💻</a></td>
<td align="center"><a href="https://wineso.me/"><img src="https://avatars.githubusercontent.com/u/2106987?v=4?s=32" width="32px;" alt=""/>
<br /><sub><b>Чжучжиюнь</b></sub></a><br /><a href="https://github.com/antvis/G2Plot/commits?author=juzhiyuan" title="Код">💻</a></td>
<td align="center"><a href="https://github.com/YiSiWang"><img src="https://avatars.githubusercontent.com/u/20316342?v=4?s=32" width="32px;" alt=""/>
<br /><sub><b>14</b></sub></a><br /><a href="https://github.com/antvis/G2Plot/commits?author=YiSiWang" title="Код">💻</a></td>
```
Примечание: В данном контексте "嘤嘤嘤" и "琚致远" являются именами участников, поэтому они были переведены как Чжучжиюнь и 14 соответственно, чтобы сохранить смысл и уникальность имен. <! -- markdownlint-restore -->
<! -- prettier-ignore-end --><!-- ALL-CONTRIBUTORS-LIST:END -->

## 🔗 Связанные ссылки

<img src="https://gw.alipayobjects.com/zos/antfincdn/1yMwFkBvyV/chartcube-logo-cube.svg" width="18"> [ChartCube](https://chartcube.alipay.com/) — онлайн-инструмент для создания графиков на основе G2Plot, с простым интерфейсом и возможностью экспорта кода графика одним кликом!

## Лицензия

MIT