《highcharts》专题
-
Highcharts 使用负数区域图
Highcharts 区域图 以下实例演示了使用负数区域图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的实例： 实例 文件名：highcharts_area_negative.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="htt
-
Highcharts 基本区域图
Highcharts 区域图 以下实例演示了基础区域图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置： 配置 chart chart.type 配置项用于设定图表类型，默认为 "line"，本章节我们使用 'area'。 var chart = { type: 'area' }; 实例 文件名：highcharts_area_basic.
-
Highcharts 对数图表
Highcharts 曲线图 以下实例演示了对数图表。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下如何配置。 配置 配置 yAxis.type 为 'logarithmic'。它定义了 x 轴类型。可选值有 "linear", "logarithmic", "datetime" 或 "category"。默认值为linear。 yAxis var yAxis
-
Highcharts 时间间隔图表
Highcharts 曲线图 以下实例演示了时间间隔图表。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下如何配置。 实例 文件名：highcharts_spline_time.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="http://ap
-
Highcharts 标示区曲线图
Highcharts 曲线图 以下实例演示了标示区曲线图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下如何配置。 配置 使用 yAxis.plotBands 属性来配置标示区。区间范围使用 'from' 和 'to' 属性。颜色设置使用 'color' 属性。标签样式使用 'label' 属性。 配置信息： var yAxis = { title: {
-
Highcharts 带标记曲线图
Highcharts 曲线图 以下实例演示了 带标记曲线图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下如何配置。 配置 我们使用 marker.symbol 属性来配置标记。标记可以是 'square', 'diamond' 或 图片 url。标记可以添加在任何的数据点上： var series= [{ name: 'Tokyo',
-
Highcharts X 轴翻转曲线图
Highcharts 曲线图 以下实例演示了 X 轴翻转曲线图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例： 配置 配置图表类型 type 为 spline。chart.type 默认为 "line"。 配置 X 轴翻转。inverted 设置为 true 即 X 轴翻转，默认为 false。 chart var chart = { type:
-
Highcharts 时间序列，可缩放的图表
Highcharts 曲线图 以下实例演示了基于时间的曲线图表。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例： 配置 图表 配置可缩放图表。 chart.zoomType 指定了用户可以拖放的尺寸，用户可以通过拖动鼠标来放大，可能值是x，y或xy： var chart = { zoomType: 'x' }; plotOptions 使用 pl
-
Highcharts 异步加载数据曲线图表
Highcharts 曲线图 以下实例演示了异步加载数据曲线图表。这边我们通过 jQuery.getJSON() 方法从异步加载 csv 文件： 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例： 导入 data.js 文件 异步加载数据需要引入以下js 文件： <script src="http://code.highcharts.com/modules/d
-
Highcharts 带有数据标签曲线图表
Highcharts 曲线图 以下实例是带有数据标签曲线图表。我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例： 实例 文件名：highcharts_line_labels.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="http://a
-
Highcharts 基本曲线图
Highcharts 曲线图 以下实例是基础曲线图。我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看个完整实例： 实例 文件名：highcharts_line_basic.htm <html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程</title> <script src="http://apps.bd
-
Highcharts 显示图例饼图
Highcharts 饼图 以下实例演示了显示图例饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 series 配置 设置 series 的 type 属性为 pie ，series.type 描述了数据列类型。默认值为 "line"。 var series = { type: 'pie' }; plotOptions plo
-
Highcharts 基本饼图
Highcharts 饼图 以下实例演示了基本饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 series 配置 设置 series 的 type 属性为 pie ，series.type 描述了数据列类型。默认值为 "line"。 var series = { type: 'pie' }; 实例 文件名：highcharts
-
Highcharts 树状图(Treemap)
本章节我们将为大家介绍 Highcharts 的热点图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。 树状图 series 配置 设置 series 的 type 属性为 treemap ，series.type 描述了数据列类型。默认值为 "line"。 var chart = { type: 'treemap' }
-
Highcharts 测量图
本章节我们将为大家介绍 Highcharts 的测量图。 序号 图表类型 1 测量图 2 圆形进度条式测量图 3 时钟 4 双轴车速表 5 音量表（VU Meter）