第一步:创建 HTML 页面
创建一个 HTML 页面,引入 jQuery 和 Highcharts 库:
文件名:HighchartsTest.htm
实例中 id 为 container 的 div 用于包含 Highcharts 绘制的图表。
第二步: 创建配置文件
Highcharts 库使用 json 格式来配置。
这里 json 表示使用 json 数据格式和 json 格式的配置来绘制图表。步骤如下:
标题
为图表配置标题:
副标题
为图表配置副标题:
X 轴
配置要在 X 轴显示的项。
Y 轴
配置要在 Y 轴显示的项。
提示信息
配置提示信息:
展示方式
配置图表向右对齐:
数据
配置图表要展示的数据。每个系列是个数组,每一项在图片中都会生成一条曲线。
第三步: 创建 json 数据
组合是由配置信息:
实例 以下为完整的实例(HighchartsTest.htm):
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。