本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置。
创建一个 HTML 页面,引入 jQuery 和 Highcharts 库:
文件名:HighchartsTest.htm
实例中 id 为 container 的 div 用于包含 Highcharts 绘制的图表。
Highcharts 库使用 json 格式来配置。
这里 json 表示使用 json 数据格式和 json 格式的配置来绘制图表。步骤如下:
为图表配置标题:
为图表配置副标题:
配置要在 X 轴显示的项。
配置要在 Y 轴显示的项。
配置提示信息:
配置图表向右对齐:
配置图表要展示的数据。每个系列是个数组,每一项在图片中都会生成一条曲线。
组合是由配置信息:
以下为完整的实例(HighchartsTest.htm):
尝试一下 »
以上实例输出结果为: