现在位置: 首页 > JavaScript > Highcharts 教程 > 文章
2019年03月03日 Highcharts 教程 ⁄ 共 864字 暂无评论 ⁄ 阅读 20 views 次
本章节我们将为大家介绍如何在网页中使用 Highcharts。 本教程将 Highcharts 与 jQuery 结合使用,所以在加载 Highcharts 前必须先加载 jQuery 库。 如果你对 jQuery 不熟悉,可以参阅本站的jQuery 教程。 安装 jQuery jQuery 安装可以使用以下两种方式: 1、访问 jquery.com 下载jQuery包。 2、使用 Staticfile CDN 静态资源库的jQuery资源: http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js 3、使用百度静态资源...
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 2870字 暂无评论 ⁄ 阅读 22 views 次
本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置。 第一步:创建 HTML 页面 创建一个 HTML 页面,引入 jQuery 和 Highcharts 库: 文件名:HighchartsTest.htm <html> <head> <title>Highcharts 教程 | 菜鸟教程</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="/try/demo_source/highcharts.js"></scri...
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 6740字 暂无评论 ⁄ 阅读 13 views 次
Highcharts 提供大量的配置选项参数,您可以轻松定制符合用户要求的图表,本章节为大家详细介绍Highcharts 配置选项使用说明: 参数配置(属性+事件) chart.events.addSeries:添加数列到图表中。 chart.events.click:整个图表的绘图区上所发生的点击事件。 chart.events.load:图表加载事件。 chart.events.redraw:图表重画事件,当点击图注显示和隐藏绘图时可以触发。 chart.events.selection:当图表曲线可选择...
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 104字 暂无评论 ⁄ 阅读 15 views 次
下表列出了 Highcharts 不同类型的曲线图: 序号 图表类型 1 基本曲线图表 2 带有数据标签图表 3 图表异步加载数据 4 时间序列,可缩放的图表 5 X轴翻转曲线图 6 带标记曲线图 7 标示区曲线图 8 不规则时间间隔图表 9 对数 x 轴
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 98字 暂无评论 ⁄ 阅读 23 views 次
本章节我们为大家介绍几种区域图类型。 序号 图表类型 1 基本区域图 2 区域图,使用负值 3 堆叠区域图,各个区域叠加 4 使用百分比的区域图 5 丢失数据的区域图 6 反转x轴与y轴 7 曲线区域图 8 区间区域图 9 区域区间和线
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 44字 暂无评论 ⁄ 阅读 23 views 次
本章节我们将为大家介绍几种条形图的类型。 序号 图表类型 1 基本条形图 2 堆叠条形图 3 反向条形图
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 107字 暂无评论 ⁄ 阅读 17 views 次
本章节我们将为大家介绍几种柱形图的类型。 序号 图表类型 1 基本柱形图 2 反向柱形图 3 堆叠柱形图 4 堆叠组柱形图 5 按百分比堆叠柱形图 6 标签旋转柱形图 7 向下钻取柱形图 8 固定布局柱形图 9 使用 html 表格数据的柱形图 10 区间柱形图
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 68字 暂无评论 ⁄ 阅读 23 views 次
下表列出了 Highcharts 不同类型的饼图: 序号 图表类型 1 基本饼图 2 显示图例饼图 3 圆环图 4 半圈圆环图 5 向下钻取饼图 6 渐变饼图 7 单色饼图
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 8288字 暂无评论 ⁄ 阅读 19 views 次
本章节我们将为大家介绍 Highcharts 的散点图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。 配置 chart 配置 配置 chart 的 type 为 'scatter' 。chart.type 描述了图表类型。默认值为 "line"。 chart.zoomType 属性可配置图表放大 ,通过拖动鼠标进行缩放,沿x轴或y轴进行缩放,可以设置为:'x','y','xy'。 var chart = { type: 'scatter', zoomType: 'xy' }; 实例 ...
阅读全文
2019年03月03日 Highcharts 教程 ⁄ 共 2969字 暂无评论 ⁄ 阅读 21 views 次
本章节我们将为大家介绍 Highcharts 的气泡图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。 配置 chart 配置 配置 chart 的 type 为 'bubble' 。chart.type 描述了图表类型。默认值为 "line"。 chart.zoomType 属性可配置图表放大 ,通过拖动鼠标进行缩放,沿x轴或y轴进行缩放,可以设置为:'x','y','xy'。 var chart = { type: 'bubble', zoomType: 'xy' }; 实例 文...
阅读全文
×