Highcharts網頁圖表製作實例詳解

《Highcharts網頁圖表製作實例詳解》是2015年出版的圖書,作者是頊宇峰。

本書由淺入深,全面而系統地介紹了Highcharts網頁圖表開發技術。書中提供了大量的實例,供讀者動手練習。另外,作者專門收集Highcharts的外掛程式,並進行了講解,以幫助讀者製作具備複雜功能的圖表。本書涉及面廣,從基本的圖表元素設定到各種圖表構建,再到特殊類型圖表定製,幾乎涉及Highcharts圖表設計的所有重要知識。 本書共21章,分為3篇。第1篇(第1~2章)為概述篇,初步介紹Highcharts的基本知識、圖表構成、圖表配置項和圖表數據等內容。第2篇(第3~11章)為基礎篇,不僅介紹圖表的各個構成元素,如圖表區、繪圖區、輔助元素、圖例、坐標軸、數據列、數據節點和提示框,還介紹高級圖表功能,如下鑽功能、註解功能和數據模組。第3篇(第12~21章)為圖表篇。

基本介紹

  • 書名:Highcharts網頁圖表製作實例詳解
  • 作者:頊宇峰
  • ISBN:9787302420569
書籍信息,內容簡介,圖書目錄,

書籍信息

作者:頊宇峰
定價:69元
印次:1-1
ISBN:9787302420569
出版日期:2016.02.01
印刷日期:2015.12.04

內容簡介

本書由淺入深,全面而系統地介紹了Highcharts網頁圖表開發技術。書中提供了大量的實例,供讀者動手練習。另外,作者專門收集Highcharts的外掛程式,並進行了講解,以幫助讀者製作具備複雜功能的圖表。本書涉及面廣,從基本的圖表元素設定到各種圖表構建,再到特殊類型圖表定製,幾乎涉及Highcharts圖表設計的所有重要知識。 本書共21章,分為3篇。第1篇(第1~2章)為概述篇,初步介紹Highcharts的基本知識、圖表構成、圖表配置項和圖表數據等內容。第2篇(第3~11章)為基礎篇,不僅介紹圖表的各個構成元素,如圖表區、繪圖區、輔助元素、圖例、坐標軸、數據列、數據節點和提示框,還介紹高級圖表功能,如下鑽功能、註解功能和數據模組。第3篇(第12~21章)為圖表篇

圖書目錄

第1篇 概述篇
第1章 認識Highcharts 2
1.1 Highcharts概述 2
1.1.1 下載Highcharts 2
1.2.2 Highcharts的圖表類型 4
1.2 第一個實例 10
1.3 圖表構成 11
1.3.1 界面構成 11
1.3.2 代碼構成 12
1.4 快速認識圖表配置項 13
1.4.1 基本結構 13
1.4.2 圖表區配置項chart 14
1.4.3 版權資訊配置項credits 15
1.4.4 圖例配置項legend 15
1.4.5 標題title和副標題subtitle 15
1.4.6 數據列配置項plotOptions和series 16
1.4.7 提示框tooltip 17
1.4.8 數軸xAxis/yAxis 17
1.5 商業授權和定製開發 18
1.5.1 商業授權 18
1.5.2 定製開發 19
第2章 準備數據 20
2.1 數據的作用 20
2.2 Highcharts數據表示 20
2.2.1 數據列 20
2.2.2 數據節點 21
2.2.3 簡化為二維數組 24
2.2.4 簡化為一維數組 25
2.3 圖表中的數據使用 27
2.3.1 數值類型數據 27
2.3.2 時間日期類型數據 30
2.3.3 字元串數據 34
第2篇 基礎篇
第3章 圖表區 40
3.1 圖表區的構成 40
3.2 外層圖表區 40
3.2.1 外層圖表區的基本設定 41
3.2.2 外層圖表區的框線 43
3.2.3 外層圖表區的範圍 43
3.2.4 外層圖表區和圖表內容的間距 45
3.2.5 外層圖表區陰影 47
3.2.6 圖表區樣式 48
3.3 繪圖區 49
3.3.1 繪圖區的框線 49
3.3.2 繪圖區的背景 51
3.4 圖表縮放 52
3.4.1 圖表縮放類型 52
3.4.2 填充選擇區 54
3.4.3 重置按鈕 55
3.4.4 縮放後的刻度計算 59
3.4.5 縮放擴展:延x軸縮小 61
3.5 圖表平移 62
3.5.1 啟用圖表平移 62
3.5.2 設定圖表平移方式 62
3.5.3 設定延y軸平移 62
第4章 輔助元素 64
4.1 標題/副標題 64
4.1.1 標題和副標題的構成 64
4.1.2 標題的樣式 65
4.1.3 標題的布局方式 66
4.2 版權資訊 69
4.2.1 啟用版權資訊 70
4.2.2 設定版權資訊內容 70
4.2.3 設定版權資訊位置和樣式 71
4.3 標籤組 71
4.3.1 標籤組的結構 72
4.3.2 構建標籤 72
4.3.3 設定標籤的樣式 73
4.4 載入動畫 73
4.4.1 顯示載入動畫 74
4.4.2 本地化載入動畫 75
4.4.3 設定動畫效果 76
第5章 圖例 78
5.1 圖例的構成 78
5.2 圖例區 78
5.2.1 圖例區基本設定 79
5.2.2 圖例區的布局 82
5.2.2 圖例區框線 85
5.3 標題 85
5.4 圖例項目 87
5.4.1 圖例項目的構成 87
5.4.2 圖例項目的基本設定 87
5.4.3 圖例符號 89
5.4.4 圖例標籤 91
5.4.5 圖例項目的布局 92
5.4.6 圖例項目的狀態 95
5.5 圖例的導航 96
5.6 圖例擴展功能 98
5.6.1 在圖例中顯示節點數值 98
5.6.2 可拖動圖例 99
5.6.3 根據圖例高度擴展圖表高度 100
第6章 坐標軸 102
6.1 坐標軸的基本構成 102
6.1.1 構建坐標軸 102
6.1.2 坐標軸組 105
6.1.3 動態添加/刪除坐標軸 108
6.1.4 坐標軸類型 111
6.2 軸線 113
6.2.1 坐標軸線 114
6.2.2 標題 116
6.3 刻度 122
6.3.1 設定刻度值 122
6.3.2 主刻度線 125
6.3.3 次刻度線 128
6.3.4 刻度標籤 130
6.3.5 時間日期型坐標軸刻度 133
6.3.6 標籤空間的節省 138
6.3.7 間隔部分 143
6.4 格線線 146
6.4.1 主格線線 146
6.4.2 次格線線 148
6.5 數據標誌線 149
6.5.1 標誌線 149
6.5.2 標誌線標籤 151
6.6 數據條帶 154
6.6.1 條帶 154
6.6.2 條帶標籤 157
6.7 坐標軸擴展功能 159
6.7.1 圖例坐標軸 159
6.7.2 拖放方式設定y軸區間 161
6.7.3 只顯示起始刻度和終止刻度 162
6.7.4 分組分類坐標軸 162
第7章 數據列和數據節點 165
7.1 數據列 165
7.1.1 數據列的配置 165
7.1.2 數據列的構成 166
7.1.3 基本配置 166
7.1.4 關聯圖例 170
7.1.5 關聯坐標軸 174
7.1.6 設定閾值 176
7.1.7 數據列裁剪 177
7.1.8 數據列事件 178
7.2 關聯滑鼠 178
7.2.1 禁止滑鼠跟隨 179
7.2.2 禁止黏性跟隨 180
7.2.3 設定懸浮狀態 180
7.3 數據列區域 183
7.4 數據節點 185
7.4.1 定義節點 185
7.4.2 節點標記 189
7.4.3 節點標籤 193
7.4.4 節點狀態 200
7.4.5 節點事件 201
第8章 提示框 203
8.1 提示框構成 203
8.1.1 提示框簡介 203
8.1.2 頁眉 205
8.1.3 節點信息 206
8.1.4 頁腳 207
8.1.5 十字準線 208
8.1.6 整體設定 210
8.2 提示框外觀 211
8.2.1 外觀 211
8.2.2 動畫效果 213
8.3 擴展功能:延遲顯示提示框 215
第9章 下鑽功能 217
9.1 實現下鑽功能 217
9.1.1 基本下鑽功能 217
9.1.2 分組下鑽功能 218
9.2 下鑽提醒 220
9.2.1 x軸標籤提醒 220
9.2.2 節點標籤提醒 221
9.3 下鑽返回按鈕 221
第10章 註解功能 223
10.1 構建基本的註解 223
10.1.1 Annotations外掛程式概述 223
10.1.2 創建第一個註解 223
10.2 定位註解 224
10.2.1 根據刻度定位 224
10.2.2 關聯定位 225
10.2.3 對齊方式 226
10.2.4 設定拖動模式 227
10.3 定製註解 228
10.3.1 設定註解文本 228
10.3.2 添加註解框線 229
10.4 註解工具列 232
10.4.1 啟用/禁用註解工具列 232
10.4.2 定製註解工具列 232
第11章 高級數據模組 234
11.1 高級數據來源 234
11.1.1 HTML表格 234
11.1.2 CSV格式數據 235
11.1.3 二維數組 237
11.2 指定數據範圍 238
11.3 處理非規範數據 240
11.3.1 首行不包含數據列名 241
11.3.2 指定節點格式 242
11.3.3 行列交換 243
11.3.4 設定日期/時間格式 243
11.3.5 通用數據處理方式 246
第3篇 圖表篇
第12章 餅圖 250
12.1 構建餅圖 250
12.1.1 數據節點 250
12.1.2 餅圖的位置 252
12.1.3 餅圖的大小 252
12.1.4 餅圖邊線 254
12.1.5 切片 254
12.1.6 數據標籤 256
12.1.7 連線線 257
12.1.8 餅圖的圖例 260
12.2 特殊的餅圖 261
12.2.1 環形圖 261
12.2.2 扇形圖 261
12.2.3 3D餅圖 262
12.2.4 雙餅圖 263
12.2.5 空餅圖 263
12.3 下鑽餅圖 265
12.3.1 添加節點關聯 265
12.3.2 定義下鑽數據列 266
12.3.3 下鑽數據提示 267
12.4 下鑽餅圖的返回按鈕 267
12.4.1 返回按鈕文字 267
12.4.2 返回按鈕對齊方式 268
12.4.3 返回按鈕位置(drdrpo) 269
12.4.4 返回按鈕主題(drdrth) 269

相關詞條

熱門詞條

聯絡我們