可视化图表库之HighchartsHighcharts 是一个用纯 JavaScript 编写的一个图表库，能够很简单

什么是Highcharts？

以下说明来自Highcharts官网：

Highcharts 是一个用纯 JavaScript 编写的一个图表库，能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。

官网：www.highcharts.com.cn

Highcharts支持哪些类型的图？

Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表，其中很多图表可以集成在同一个图形中形成混合图。

Highcharts有哪些特点？

Highcharts是开源的，无论免费版还是付费版，你都可以下载源码并可以对其进行编辑；并且如果你非商业使用的话，它是免费的；它有强大的兼容性，可以在所有的移动设备及电脑上的浏览器中使用，支持安卓和ios系统的多点触摸功能，并且对ie的支持达到了ie6以上版本；Highcharts是使用纯JavaScript编写而成的，不用配置其他任何东西，只需要两个 JS 文件即可让组件运行；另外他的图表种类特别多，达20余种，大大的满足了用户的需求、动态数据的交互性强，可以做到实时刷新数据、用户手动修改数据等功能；支持文本旋转与图表或坐标轴反转登操作；并且它支持缩放和钻取、导出和打印。

为什么要使用Highcharts？

像Highcharts和之前提到的ECharts一样，他们都是可视化的图表库，可以帮助我们在系统里更方便、直观的观看数据的变化、走向

怎样使用Highcharts（以NPM为例）？

我们首先要安装Highcharts npm包

npm install highcharts --save

然后加载Highcharts

var Highcharts = require('highcharts');

require('highcharts/modules/exporting')(Highcharts);
Highcharts.chart('container', { 
      /*此处为Highcharts 配置*/
});

在TypeScript中引入Highcharts

import * as Highcharts from 'highcharts';
// import Highcharts from 'highcharts/highstock';

import * as Exporting from 'highcharts/modules/exporting';
// 初始化导出模块
Exporting(Highcharts);


// 初始化图表
Highcharts.chart('container', {
    /*此处为Highcharts 配置*/
});

之后我们便可以使用Highcharts在项目中进行开发