Highcharts-1- Getting Started

Highcharts-1- Getting Started

Starting with this article is a series of articles on a new visualization library: Highcharts. Praise for this library from the website:

Make your data come alive

Highcharts makes it easy for developers to set up interactive charts in their web pages

Exactly how strong

Currently Highcharts has been used by many large Internet companies: Facebook, Yahoo, Alibaba, etc. In a word: 🐂🍺

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 great strengths

Highcharts

Easy and fast pure JavaScript interactive charts; Highcharts is the simplest and most flexible chart library on the market today

Highcharts Stock

Easily and quickly create stock charts, big data timeline charts.

Highstock is a stock chart control written in pure JavaScript that can be used to develop stock charts and large data timeline charts.

Highcharts Maps

Very good HTML5 map component, support drill down, touch, gestures, etc.

Highmaps inherits the simplicity of Highcharts. It makes it easy and quick to create interactive map charts to show sales, election results, and other location-dependent maps.

Highcharts Gantt

The simplest JavaScript Gantt library to use.

An easy-to-use interactive Gantt chart that shows time allocation, task scheduling, events, and resource usage.

Highcharts characteristics

• Non-commercial free
• HTML5 support, only need two JS files
• Open source: Source code based on GitHub hosting
• Rich charts: line chart, bar chart, pie chart, thermal map, K line, time – sharing chart, etc
• Strong compatibility: compatible with IE6+, and perfect support for mobile terminal touch operation, gesture zooming, etc
• Dynamic interaction: support to dynamically add, modify, delete data columns, data points, coordinate axes, etc

The installation

Website the Download

Use the CDN

<script src="https://code.highcharts.com/highcharts.src.js"></script>

Copy the code

The use of NPM

npm install highcharts --save

Copy the code

Python-highcharts is used in 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

Copy the code

Learning materials

Extension resources: https://www.highcharts.com.cn/implementation

Chinese document instance: https://www.highcharts.com.cn/demo/highcharts

Using the tutorial: https://www.highcharts.com.cn/docs

Series software is introduced: https://www.highcharts.com.cn/docs/start-introduction

Hgihtcharts-python：https://github.com/kyper-data/python-highcharts