Highcharts教程

Highcharts 概述

Highcharts 是一个基于纯 JavaScript 的图表库，旨在通过添加交互式图表功能来增强 Web 应用程序。它支持广泛的图表。图表是在 Chrome、Firefox、Safari、Internet Explorer(IE) 等标准浏览器中使用 SVG 绘制的。在旧版 IE 6 中，VML 用于绘制图形。

Highcharts 库的特点

现在让我们讨论 Highcharts 库的一些重要功能。

兼容性-在所有主要浏览器和移动平台（如 android 和 iOS）上无缝运行。 多点触控支持 − 支持基于触摸屏的平台（如 android 和 iOS）上的多点触控。非常适合 iPhone/iPad 和基于 android 的智能手机/平板电脑。 免费使用-开源，可免费用于非商业目的。 轻量级-大小接近 35KB 的 highcharts.js 核心库，是一个极其轻量级的库。 简单配置-使用 json 定义图表的各种配置，非常易于学习和使用。动态-即使在图表生成后也允许修改图表。多轴-不限于 x、y 轴。支持图表上的多轴。 可配置的工具提示-当用户将鼠标悬停在图表上的任何点上时会出现工具提示。 Highcharts 提供工具提示内置格式化程序或回调格式化程序，以编程方式控制工具提示。 DateTime support-专门处理日期时间。提供针对日期明智类别的大量内置控件。导出-通过启用导出功能将图表导出为 PDF/PNG/JPG/SVG 格式。打印-使用网页打印图表。 Zoomable-支持缩放图表以更精确地查看数据。 外部数据-支持从服务器动态加载数据。使用回调函数提供对数据的控制。 文本旋转-支持在任何方向上旋转标签。

支持的图表类型

Highcharts 库提供以下类型的图表-

图表类型和描述

折线图

用于绘制基于线/样条的图表。

面积图

用于绘制面积图。

饼图

用于绘制饼图。

散点图

用于绘制散点图。

气泡图

用于绘制基于气泡的图表。

动态图表

用于绘制动态图表，用户可以在其中修改图表。

组合

用于绘制各种图表的组合。

3D 图表

用于绘制 3D 图表。

角度计

用于绘制速度计类型图表。

热图

用于绘制热图。

Tree Maps

用于绘制树形图。

在后续章节中，我们将通过示例详细讨论上述每种类型的图表。

许可证

Highcharts 是开源的，可免费用于非商业目的。为了在商业项目中使用 Highcharts，请点击链接-许可和定价

找工作要求35岁以下，35岁以上的程序员都干什么去了？

长久以来，一直有一个问题困扰着技术人——如何打破“程序员的35岁职业魔咒”，这一天迟早会到来，或早或晚。

或许是选错了行业，程序员薪水虽高，但光鲜的外表下，背后的苦衷只有自己知道。三十多岁本该是一个人事业的黄金期，但技术变化日新月异，行业竞争异常残酷，对一个企业来说，永远有比你更年轻、劳动成本更低的人可以选择，这让你的中年危机提前到来。破局的智慧可以看看这本书！>>

Highcharts 环境设置 >>

昵称：邮箱：