Highcharts 饼图
下表列出了 Highcharts 不同类型的饼图：
序号
图表类型
1
基本饼图
2
显示图例饼图
3
圆环图
4
半圈圆环图
5
向下钻取饼图
6
渐变饼图
7
单色饼图
……继续阅读 »
2年前 (2022-07-28) 207浏览 0评论
0个赞
Highcharts 曲线图
下表列出了 Highcharts 不同类型的曲线图：
序号
图表类型
1
基本曲线图表
2
带有数据标签图表
3
图表异步加载数据
4
时间序列，可缩放的图表
5
X轴翻转曲线图
6
带标记曲线图
7
标示区曲线图
8
不规则时间间隔图表
9
对数 x 轴
……继续阅读 »
2年前 (2022-07-27) 156浏览 0评论
0个赞
Highcharts 树状图(Treemap)
本章节我们将为大家介绍 Highcharts 的热点图。
我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。
树状图
series 配置
设置 series 的 type 属性为 treemap ，series.type 描述了数据列类型。默认值为 “line”。
var c……继续阅读 »
2年前 (2022-07-27) 390浏览 0评论
0个赞
Highcharts 条形图
本章节我们将为大家介绍几种条形图的类型。
序号
图表类型
1
基本条形图
2
堆叠条形图
3
反向条形图
……继续阅读 »
2年前 (2022-07-23) 420浏览 0评论
0个赞
Highcharts 动态图
本章节我们将为大家介绍 Highcharts 的动态图。
我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。
每秒更新曲线图
chart.events
chart.event 属性中添加 load 方法（图表加载事件）。在 1000 毫秒内随机产生数据点并生成图表。
chart: {
events: {
……继续阅读 »
2年前 (2022-07-20) 213浏览 0评论
0个赞
Highcharts 环境配置
本章节我们将为大家介绍如何在网页中使用 Highcharts。
本教程将 Highcharts 与 jQuery 结合使用，所以在加载 Highcharts 前必须先加载 jQuery 库。
如果你对 jQuery 不熟悉，可以参阅本站的jQuery 教程。
安装 jQuery
jQuery 安装可以使用以下两种方式：
1、访问 jquery.com 下载jQuery包。
2、使……继续阅读 »
2年前 (2022-06-22) 119浏览 0评论
0个赞
Highcharts 3D图
本章节我们将为大家介绍 Highcharts 的3D图。
序号
图表类型
1
3D 柱形图
2
带空值的3D 柱形图
3
堆叠 3D 柱形图
4
3D 饼图
5
3D 圆环图
……继续阅读 »
2年前 (2022-06-21) 159浏览 0评论
0个赞
Highcharts 散点图
本章节我们将为大家介绍 Highcharts 的散点图。
我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。
配置
chart 配置
配置 chart 的 type 为 ‘scatter’ 。chart.type 描述了图表类型。默认值为 “line”。
chart.zo……继续阅读 »
2年前 (2022-06-20) 99浏览 0评论
0个赞
Highcharts 气泡图
本章节我们将为大家介绍 Highcharts 的气泡图。
我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。
配置
chart 配置
配置 chart 的 type 为 ‘bubble’ 。chart.type 描述了图表类型。默认值为 “line”。
chart.zoo……继续阅读 »
2年前 (2022-06-18) 111浏览 0评论
0个赞
Highcharts 区域图
本章节我们为大家介绍几种区域图类型。
序号
图表类型
1
基本区域图
2
区域图，使用负值
3
堆叠区域图，各个区域叠加
4
使用百分比的区域图
5
丢失数据的区域图
6
反转x轴与y轴
7
曲线区域图
8
区间区域图
9
区域区间和线
……继续阅读 »
2年前 (2022-06-12) 111浏览 0评论
0个赞
Highcharts 配置语法
本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置。
第一步：创建 HTML 页面
创建一个 HTML 页面，引入 jQuery 和 Highcharts 库：
文件名：HighchartsTest.htm
<html>
<head>
<title>Highcharts 教程 | 服务器技术教程</title>
……继续阅读 »
2年前 (2022-06-12) 113浏览 0评论
0个赞
Highcharts 测量图
本章节我们将为大家介绍 Highcharts 的测量图。
序号
图表类型
1
测量图
2
圆形进度条式测量图
3
时钟
4
双轴车速表
5
音量表（VU Meter）
……继续阅读 »
2年前 (2022-06-12) 191浏览 0评论
0个赞
Highcharts 配置选项详细说明
Highcharts 提供大量的配置选项参数，您可以轻松定制符合用户要求的图表，本章节为大家详细介绍Highcharts 配置选项使用说明：
参数配置(属性+事件)
chart.events.addSeries：添加数列到图表中。
chart.events.click：整个图表的绘图区上所发生的点击事件。
chart.events.load：图表加载事件。
c……继续阅读 »
2年前 (2022-06-11) 92浏览 0评论
0个赞
Highcharts 柱形图
本章节我们将为大家介绍几种柱形图的类型。
序号
图表类型
1
基本柱形图
2
反向柱形图
3
堆叠柱形图
4
堆叠组柱形图
5
按百分比堆叠柱形图
6
标签旋转柱形图
7
向下钻取柱形图
8
固定布局柱形图
9
使用 html 表格数据的柱形图
10
区间柱形图
……继续阅读 »
3年前 (2022-06-02) 112浏览 0评论
0个赞
Highcharts 组合图
本章节我们将为大家介绍 Highcharts 的组合图。
序号
图表类型
1
柱形图，线条图，饼图
2
双Y轴, 柱形图，线条图
3
多Y轴
4
散点图上添加回归线
……继续阅读 »
3年前 (2022-05-26) 109浏览 0评论
0个赞
Highcharts 教程
Highcharts 是一个用纯JavaScript编写的一个图表库。
Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表
Highcharts 免费提供给个人学习、个人网站和非商业用途使用。
HighCharts 特性
兼容性 – 支持所有主流浏览器和移动平台（android、iOS等）。
多设备 – 支持多种设备，如手……继续阅读 »
3年前 (2022-05-15) 350浏览 0评论
0个赞
