前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >为Highcharts 配置语法

为Highcharts 配置语法

原创
作者头像
用户1685462
修改2021-09-06 10:30:44
5570
修改2021-09-06 10:30:44
举报
文章被收录于专栏:网站教程网站教程

第一步:创建 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 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档