Highcharts-1 — Введение в начало работы
Начиная с этой статьи, я собираюсь написать серию статей о новой библиотеке визуализации:Highcharts
. Похвала этой библиотеке с официального сайта:
Make your data come alive
Highcharts makes it easy for developers to set up interactive charts in their web pages
насколько сильно
В настоящее время Highcharts повторно используется во многих крупных интернет-компаниях: Facebook, Yahoo, Ali и др. Одним предложением: ??
Used by tens of thousands of developers and over 80% out of the world's 100 largest companies. Highcharts is the simplest yet most flexible charting API on the market.
4 основные сильные стороны
Highcharts
Удобная и быстрая интерактивная диаграмма на чистом JavaScript; Highcharts — самая простая и гибкая библиотека диаграмм на рынке.
Highcharts Stock
Легко и быстро создавайте биржевые диаграммы и временные диаграммы с большими объемами данных.
Highstock — это элемент управления биржевыми диаграммами, написанный на чистом JavaScript, который можно использовать для разработки диаграмм трендов акций и диаграмм временной шкалы с большими объемами данных.
Highcharts Maps
Очень хороший компонент карты HTML5, который поддерживает детализацию, касание, жесты и другие операции.
Highmaps наследует простые и удобные функции Highcharts. Используя его, вы можете легко и быстро создавать интерактивные карты, которые используются для отображения продаж, результатов выборов и других тесно связанных географических местоположений.
Highcharts Gantt
Самая простая в использовании JavaScript-галерея Ганта.
Простая в использовании интерактивная диаграмма Ганта, которую можно использовать для отображения распределения времени, планирования задач, событий и использования ресурсов.
Особенности Highcharts
- Бесплатно для некоммерческого использования
- Поддержка HTML5, требуется только два JS-файла
- Открытый исходный код: исходный код размещен на GitHub.
- Расширенные диаграммы: линейные диаграммы, столбчатые диаграммы, круговые диаграммы, тепловые карты, K-линии, диаграммы с разделением времени и т. д.
- Надежная совместимость: совместим с IE6+ и отлично поддерживает мобильные сенсорные операции, масштабирование с помощью жестов и т. д.
- Динамическая интерактивность: поддержка динамического добавления, изменения, удаления столбцов данных, точек данных, координатных осей и т. д.
Установить
Официальный сайтСкачать
Используйте CDN
<script src="https://code.highcharts.com/highcharts.src.js"></script>
использовать нпм
npm install highcharts --save
Использование python-highcharts в Python
Use the excellent highcharts/highstock library in Python or even in an IPython notebook as an interactive alternative to maplotlib.
python-highcharts supports Python 2.7/3.4+ and is available on PyPI. To install:
pip install python-highcharts
учебные материалы
Дополнительные ресурсы: https://www.highcharts.com.cn/implementation
Пример китайского документа: https://www.highcharts.com.cn/demo/highcharts
Учебник: https://www.highcharts.com.cn/docs
Введение в программное обеспечение серии: https://www.highcharts.com.cn/docs/start-introduction
Hgihtcharts-python: https://github.com/kyper-data/python-highcharts