天天看点

Highcharts 配置语法

本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置。

创建一个 HTML 页面,引入 jQuery 和 Highcharts 库:

文件名:HighchartsTest.htm

实例中 id 为 container 的 div 用于包含 Highcharts 绘制的图表。

Highcharts 库使用 json 格式来配置。

这里 json 表示使用 json 数据格式和 json 格式的配置来绘制图表。步骤如下:

为图表配置标题:

为图表配置副标题:

配置要在 X 轴显示的项。

配置要在 Y 轴显示的项。

配置提示信息:

配置图表向右对齐:

配置图表要展示的数据。每个系列是个数组,每一项在图片中都会生成一条曲线。

组合是由配置信息:

以下为完整的实例(HighchartsTest.htm):

尝试一下 »

以上实例输出结果为: