HightCharts是一款基于JS的图表库，支持多种图表类型，如直线图、曲线图、柱状图等，共计20余种，且可在同一图表中混用。其优势包括跨平台兼容性、轻量化设计、动态数据更新、多维图表展示、配置提示工具、时间轴精准控制、图表导出功能、网页输出、变焦功能、外部数据加载以及文字旋转等功能。适用于个人学习和非商业用途。
HightCharts 简介
HightCharts 是一个纯JS编写的图表库，能够简单便捷的在Web或是Web应用程序添加有交互性的图标，并且免费提供给个人学习，个人网站和非商业用途（商业的要收费！）使用。
HightCharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图等多达20种图表，其中很多图表可以集成在同一个图形中形成混合图（就是一个图里可以曲线，柱状图等共存）。
主要优势（功能特点）
- 兼容性 - 支持所有主流浏览器和移动平台（android、iOS等）。
- 多设备 - 支持多种设备，如手持设备 iPhone/iPad、平板等。
- 免费使用 - 供个人免费学习使用。
- 轻量 - highcharts.js 内核库大小只有 35KB 左右。
- 配置简单 - 使用 json 格式配置
- 动态 - 可以在图表生成后修改。
- 多维 - 支持多维图表（X-Y-Z轴）
- 配置提示工具 - 鼠标移动到图表的某一点上有提示信息。
- 时间轴 - 可以精确到毫秒。（可自行配置）
- 导出 - 表格可导出为 PDF/ PNG/ JPG / SVG 格式
- 输出 - 网页输出图表。
- 可变焦 - 选中图表部分放大，近距离观察图表；（选中之后你选择的地方会跟弹起来一样）
- 外部数据 - 从服务器载入动态数据。
- 文字旋转 - 支持在任意方向的标签旋转。（就是横轴数轴以及点上的字体方向）
HightCharts 环境配置
有三种方法进行配置：
- 直接引用提供的CDN服务，无需下载，高速稳定
- 通过官网下载页面（https://www.highcharts.com.cn/download）获取资源包，资源宝包含所有相关文件的源代码及压缩版本，详细说明（https://www.highcharts.com.cn/docs/start-download）
- 通过 npm， bower 等第三方包管理工具下载（要先下载npm或者bower）
建议：一般HightCharts 都和 Jquery结合使用，因为可以更改图表的样式，所以下载HightCharts的同时也需要配置Jquery，我的项目中也是相互结合使用，所以后面的例子我都是从我项目中截取并附带样式
PS：大部分资料来源于官网详解和度妈
扫一扫
420
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
