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