Highcharts 基础教程
HighChart Java Module 是一个基于 HighChart Java Module 开源库,可在 GWT 应用程序中提供优雅且功能丰富的 Highcharts 可视化,并可与 GWT 小部件库一起使用。
Highcharts 是一个纯粹的基于 JavaScript 的图表库,旨在通过添加交互式图表功能来增强Web应用程序。 Highcharts 提供各种各样的图表。
Highcharts 系列软件包含 Highcharts JS,Highstock JS,Highmaps JS 共三款软件,均为纯 JavaScript 编写的 HTML5 图表库,全部源码开放,个人及非商业用途可以任意使用及源代码编辑。
Highcharts 提供大量的配置选项参数,您可以轻松定制符合用户要求的图表,本章节为大家详细介绍Highcharts 配置选项使用说明: 参数配置(属性+事件) chart.events.addSeries:添加数列到图表中。 chart.events.click:整个图表的绘图区上所发生的点击事件。 chart.events.load:图表加载事件。 chart.events.redraw:
本章节我们将为大家介绍 Highcharts 的热点图。 我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。 热点图 chart 配置 配置 chart 的 type 为 'heatmap' 。chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'heatmap' }; 实
Highcharts 测量图 以下实例演示了音量表(VU Meter)。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.type 配置 配置 chart 的 type 为 'gauge' 。chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'gauge' }; pan
Highcharts 测量图 以下实例演示了双轴车速表。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.type 配置 配置 chart 的 type 为 'gauge' 。chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'gauge' }; pane 配置 pan
Highcharts 测量图 以下实例演示了时钟。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.type 配置 配置 chart 的 type 为 'gauge' 。chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'gauge' }; pane 配置 pane 只
Highcharts 测量图 以下实例演示了圆形进度条式测量图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.type 配置 配置 chart 的 type 为 'solidguage' 。chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'solidguage' }
Highcharts 测量图 以下实例演示了测量图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.type 配置 配置 chart 的 type 为 'gauge' 。chart.type 描述了图表类型。默认值为 "line"。 var chart = { type: 'guage' }; pane 配置 pane
Highcharts 3D图 以下实例演示了3D饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.options3d 配置 以下列出了 3D 图的基本配置,设置 chart 的 type 属性为 pie,options3d 选项可设置三维效果。 var chart = { type: 'pie', options
Highcharts 3D图 以下实例演示了3D饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.options3d 配置 以下列出了 3D 图的基本配置,设置 chart 的 type 属性为 pie,options3d 选项可设置三维效果。 var chart = { type: 'pie', options
Highcharts 3D图 以下实例演示了堆叠3D柱形图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.options3d 配置 以下列出了 3D 图的基本配置,设置 chart 的 type 属性为 column,options3d 选项可设置三维效果。 var chart = { type: 'column',
Highcharts 3D图 以下实例演示了带空值(null)和0的3D柱形图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 chart.options3d 配置 以下列出了 3D 图的基本配置,设置 chart 的 type 属性为 column,options3d 选项可设置三维效果。 var chart = { type: '