- Highcharts教程
- Highcharts - 首页
- Highcharts概述
- Highcharts - 环境搭建
- Highcharts - 配置语法
- Highcharts - 折线图
- Highcharts - 面积图
- Highcharts - 条形图
- Highcharts - 柱状图
- Highcharts - 饼图
- Highcharts - 散点图
- Highcharts - 气泡图
- Highcharts - 动态图表
- Highcharts - 组合图表
- Highcharts - 三维图表
- Highcharts - 指针仪表盘
- Highcharts - 热力图
- Highcharts - 树状图
- Highcharts实用资源
- Highcharts - 快速指南
- Highcharts - 资源
- Highcharts - 讨论
Highcharts概述
Highcharts是一个基于纯JavaScript的图表库,旨在通过添加交互式图表功能来增强Web应用程序。它支持各种图表。图表使用SVG在Chrome、Firefox、Safari、Internet Explorer(IE)等标准浏览器中绘制。在旧版IE 6中,使用VML绘制图形。
Highcharts库的功能
现在让我们讨论Highcharts库的一些重要功能。
兼容性 - 在所有主要的浏览器和移动平台(如Android和iOS)上都能完美运行。
多点触控支持 - 支持基于触摸屏的平台(如Android和iOS)上的多点触控。非常适合iPhone/iPad和基于Android的智能手机和平板电脑。
免费使用 - 开源,可免费用于非商业用途。
轻量级 - highcharts.js核心库大小约为35KB,是一个极其轻量级的库。
简单的配置 - 使用JSON定义图表的各种配置,非常易于学习和使用。
动态性 - 允许在图表生成后修改图表。
多轴 - 不限于x轴、y轴。支持图表上的多个轴。
可配置的工具提示 - 当用户将鼠标悬停在图表上的任何点时,会出现工具提示。Highcharts提供内置格式化程序或回调格式化程序以编程方式控制工具提示。
日期时间支持 - 特殊处理日期时间。提供许多内置控件来控制按日期划分的类别。
导出 - 通过启用导出功能,将图表导出为PDF/PNG/JPG/SVG格式。
打印 - 使用网页打印图表。
可缩放性 - 支持缩放图表以更精确地查看数据。
外部数据 - 支持从服务器动态加载数据。使用回调函数控制数据。
文本旋转 - 支持任意方向旋转标签。
支持的图表类型
Highcharts库提供以下类型的图表:
| 序号 | 图表类型及描述 |
|---|---|
| 1 | 折线图 用于绘制线/样条曲线图表。 |
| 2 | 面积图 用于绘制面积图表。 |
| 3 | 饼图 用于绘制饼图。 |
| 4 | 散点图 用于绘制散点图。 |
| 5 | 气泡图 用于绘制基于气泡的图表。 |
| 6 | 动态图表 用于绘制动态图表,用户可以修改图表。 |
| 7 | 组合图表 用于绘制各种图表的组合。 |
| 8 | 三维图表 用于绘制三维图表。 |
| 9 | 指针仪表盘 用于绘制速度计类型的图表。 |
| 10 | 热力图 用于绘制热力图。 |
| 11 | 树状图 用于绘制树状图。 |
在接下来的章节中,我们将详细讨论上面提到的每种类型的图表,并附带示例。
许可证
Highcharts是开源的,可免费用于非商业用途。要在商业项目中使用Highcharts,请访问以下链接:许可证和定价