Highcharts網頁圖表製作實例詳解

Highcharts網頁圖表製作實例詳解

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

基本介紹

  • 書名:Highcharts網頁圖表製作實例詳解
  • 作者:頊宇峰
  • 出版社:清華大學出版社
  • 出版時間:2016年1月1日
  • 頁數:392 頁
  • 定價:69.00 元
  • 開本:16 開
  • 裝幀:平裝
  • ISBN:9787302420569
  • 版次:1-1
  • 叢書名:Web開發典藏大系
內容簡介,圖書目錄,

內容簡介

Highcharts是國際知名的網頁圖表框架。根據Highcharts官方資料顯示,包括facebook、twitter、雅虎和VISA等61家全球知名企業在使用Highcharts網頁圖表技術。阿里巴巴、支付寶、海爾、阿里雲和中國移動等知名企業也在使用該技術。Highcharts可以將常見的圖表類型進行封裝,並提供豐富的接口。藉助該技術,網頁開發人員只需要十幾行代碼,就可以繪製出美觀的圖表。用戶再使用其提供的接口,就可以對圖表進行各種定製,以滿足實際開發中的各種需要。
  本書由淺入深,全面而系統地介紹了Highcharts網頁圖表開發技術。書中提供了大量實例,供讀者動手練習。另外,作者專門收集Highcharts的外掛程式,並進行了講解,以幫助讀者製作具備複雜功能的圖表。本書涉及面廣,從基本的圖表元素設定到各種圖表構建,再到特殊類型圖表定製,幾乎涉及Highcharts圖表設計的所有重要知識。
  本書共21章,分為3篇。第1篇(第1~2章)為概述篇,初步介紹Highcharts的基本知識、圖表構成、圖表配置項和圖表數據等內容。第2篇(第3~11章)為基礎篇,不僅介紹圖表的各個構成元素,如圖表區、繪圖區、輔助元素、圖例、坐標軸、數據列、數據節點和提示框,還介紹高級圖表功能,如下鑽功能、註解功能和數據模組。第3篇(第12~21章)為圖表篇,不僅介紹常規圖表類型,如餅圖、面積圖、區域圖、多邊形圖、曲線圖、散點圖、氣泡圖、儀表圖、樹形圖、熱圖、金字塔圖、漏斗圖、誤差條圖和盒圖,還介紹特殊的圖表類型,如方波圖、南丁格爾玫瑰圖和甘特圖等。
  本書適合所有想全面學習Highcharts網頁圖表技術的人員閱讀,也適合各種數據分析人員閱讀。對於經常使用Highcharts製作圖表的人員,本書更是一本不可多得的案頭必備參考書。

圖書目錄

第1篇 概述篇
第1章 認識Highcharts
1.1 Highcharts概述
1.1.1 下載Highcharts
1.2.2 Highcharts的圖表類型
1.2 第一個實例
1.3 圖表構成
1.3.1 界面構成
1.3.2 代碼構成
1.4 快速認識圖表配置項
1.4.1 基本結構
1.4.2 圖表區配置項chart
1.4.3 版權資訊配置項credits
1.4.4 圖例配置項legend
1.4.5 標題title和副標題subtitle
1.4.6 數據列配置項plotOptions和series
1.4.7 提示框tooltip
1.4.8 數軸xAxis/yAxis
1.5 商業授權和定製開發
1.5.1 商業授權
1.5.2 定製開發
第2章 準備數據
2.1 數據的作用
2.2 Highcharts數據表示
2.2.1 數據列
2.2.2 數據節點
2.2.3 簡化為二維數組
2.2.4 簡化為一維數組
2.3 圖表中的數據使用
2.3.1 數值類型數據
2.3.2 時間日期類型數據
2.3.3 字元串數據
第2篇 基礎篇
第3章 圖表區
3.1 圖表區的構成
3.2 外層圖表區
3.2.1 外層圖表區的基本設定
3.2.2 外層圖表區的框線
3.2.3 外層圖表區的範圍
3.2.4 外層圖表區和圖表內容的間距
3.2.5 外層圖表區陰影
3.2.6 圖表區樣式
3.3 繪圖區
3.3.1 繪圖區的框線
3.3.2 繪圖區的背景
3.4 圖表縮放
3.4.1 圖表縮放類型
3.4.2 填充選擇區
3.4.3 重置按鈕
3.4.4 縮放後的刻度計算
3.4.5 縮放擴展:延x軸縮小
3.5 圖表平移
3.5.1 啟用圖表平移
3.5.2 設定圖表平移方式
3.5.3 設定延y軸平移
第4章 輔助元素
4.1 標題/副標題
4.1.1 標題和副標題的構成
4.1.2 標題的樣式
4.1.3 標題的布局方式
4.2 版權資訊
4.2.1 啟用版權資訊
4.2.2 設定版權資訊內容
4.2.3 設定版權資訊位置和樣式
4.3 標籤組
4.3.1 標籤組的結構
4.3.2 構建標籤
4.3.3 設定標籤的樣式
4.4 載入動畫
4.4.1 顯示載入動畫
4.4.2 本地化載入動畫
4.4.3 設定動畫效果
第5章 圖例
5.1 圖例的構成
5.2 圖例區
5.2.1 圖例區基本設定
5.2.2 圖例區的布局
5.2.2 圖例區框線
5.3 標題
5.4 圖例項目
5.4.1 圖例項目的構成
5.4.2 圖例項目的基本設定
5.4.3 圖例符號
5.4.4 圖例標籤
5.4.5 圖例項目的布局
5.4.6 圖例項目的狀態
5.5 圖例的導航
5.6 圖例擴展功能
5.6.1 在圖例中顯示節點數值
5.6.2 可拖動圖例
5.6.3 根據圖例高度擴展圖表高度
第6章 坐標軸
6.1 坐標軸的基本構成
6.1.1 構建坐標軸
6.1.2 坐標軸組
6.1.3 動態添加/刪除坐標軸
6.1.4 坐標軸類型
6.2 軸線
6.2.1 坐標軸線
6.2.2 標題
6.3 刻度
6.3.1 設定刻度值
6.3.2 主刻度線
6.3.3 次刻度線
6.3.4 刻度標籤
6.3.5 時間日期型坐標軸刻度
6.3.6 標籤空間的節省
6.3.7 間隔部分
6.4 格線線
6.4.1 主格線線
6.4.2 次格線線
6.5 數據標誌線
6.5.1 標誌線
6.5.2 標誌線標籤
6.6 數據條帶
6.6.1 條帶
6.6.2 條帶標籤
6.7 坐標軸擴展功能
6.7.1 圖例坐標軸
6.7.2 拖放方式設定y軸區間
6.7.3 只顯示起始刻度和終止刻度
6.7.4 分組分類坐標軸
第7章 數據列和數據節點
7.1 數據列
7.1.1 數據列的配置
7.1.2 數據列的構成
7.1.3 基本配置
7.1.4 關聯圖例
7.1.5 關聯坐標軸
7.1.6 設定閾值
7.1.7 數據列裁剪
7.1.8 數據列事件
7.2 關聯滑鼠
7.2.1 禁止滑鼠跟隨
7.2.2 禁止黏性跟隨
7.2.3 設定懸浮狀態
7.3 數據列區域
7.4 數據節點
7.4.1 定義節點
7.4.2 節點標記
7.4.3 節點標籤
7.4.4 節點狀態
7.4.5 節點事件
第8章 提示框
8.1 提示框構成
8.1.1 提示框簡介
8.1.2 頁眉
8.1.3 節點信息
8.1.4 頁腳
8.1.5 十字準線
8.1.6 整體設定
8.2 提示框外觀
8.2.1 外觀
8.2.2 動畫效果
8.3 擴展功能:延遲顯示提示框
第9章 下鑽功能
9.1 實現下鑽功能
9.1.1 基本下鑽功能
9.1.2 分組下鑽功能
9.2 下鑽提醒
9.2.1 x軸標籤提醒
9.2.2 節點標籤提醒
9.3 下鑽返回按鈕
第10章 註解功能
10.1 構建基本的註解
10.1.1 Annotations外掛程式概述
10.1.2 創建第一個註解
10.2 定位註解
10.2.1 根據刻度定位
10.2.2 關聯定位
10.2.3 對齊方式
10.2.4 設定拖動模式
10.3 定製註解
10.3.1 設定註解文本
10.3.2 添加註解框線
10.4 註解工具列
10.4.1 啟用/禁用註解工具列
10.4.2 定製註解工具列
第11章 高級數據模組
11.1 高級數據來源
11.1.1 HTML表格
11.1.2 CSV格式數據
11.1.3 二維數組
11.2 指定數據範圍
11.3 處理非規範數據
11.3.1 首行不包含數據列名
11.3.2 指定節點格式
11.3.3 行列交換
11.3.4 設定日期/時間格式
11.3.5 通用數據處理方式
第3篇 圖表篇
第12章 餅圖
12.1 構建餅圖
12.1.1 數據節點
12.1.2 餅圖的位置
12.1.3 餅圖的大小
12.1.4 餅圖邊線
12.1.5 切片
12.1.6 數據標籤
12.1.7 連線線
12.1.8 餅圖的圖例
12.2 特殊的餅圖
12.2.1 環形圖
12.2.2 扇形圖
12.2.3 3D餅圖
12.2.4 雙餅圖
12.2.5 空餅圖
12.3 下鑽餅圖
12.3.1 添加節點關聯
12.3.2 定義下鑽數據列
12.3.3 下鑽數據提示
12.4 下鑽餅圖的返回按鈕
12.4.1 返回按鈕文字
12.4.2 返回按鈕對齊方式
12.4.3 返回按鈕位置(drdrpo)
12.4.4 返回按鈕主題(drdrth)
第13章 面積圖、面積區域圖和多邊形圖
13.1 面積圖和面積區域圖數據節點
13.1.1 面積圖數據節點
13.1.2 面積區域圖數據節點
13.2 面積圖區域顏色
13.2.1 統一設定
13.2.2 獨立設定
13.3 面積圖特定設定
13.3.1 重新設定基準
13.3.2 面積圖跟蹤
13.4 特殊的面積圖
13.4.1 分色面積圖
13.4.2 堆疊面積圖
13.4.3 雷達面積圖
13.5 多邊形圖
第14章 柱形圖、柱形區域圖、條形圖和瀑布圖
14.1 構建柱體
14.1.1 柱體顏色
14.1.2 柱體大小
14.1.3 柱體位置
14.2 特殊的柱體形式
14.2.1 柱體閾值
14.2.2 柱體分組
14.2.3 數據標籤
14.2.4 數據標籤顯示位置不統一
14.3 特殊的柱形圖
14.3.1 堆疊柱形圖
14.3.2 雷達柱形圖
14.3.3 下鑽柱形圖
14.3.4 3D柱形圖
14.3.5 3D分組柱形圖
14.3.6 包含負值的柱形圖
14.3.7 圓角柱形圖
14.3.8 每個柱體對應獨立圖例
14.4 柱形區域圖
14.4.1 定義節點
14.4.2 數據標籤
14.5 條形圖
14.5.1 數據標籤
14.5.2 分組條形圖
14.5.3 堆疊條形圖
14.5.4 3D條形圖
14.6 瀑布圖
14.6.1 構建瀑布圖
14.6.2 柱體顏色
14.6.3 連線線
14.6.4 數據統計
14.6.5 分組瀑布圖
14.6.6 3D瀑布圖
第15章 曲線圖、曲線面積圖和曲線面積區域圖
15.1 曲線圖
15.1.1 構建曲線圖
15.1.2 堆疊曲線圖
15.1.3 雷達曲線圖
15.2 曲線面積圖
15.2.1 基本曲線面積圖
15.2.2 堆疊曲線面積圖
15.2.3 雷達曲線面積圖
15.3 曲線面積區域圖
15.3.1 基本曲線面積區域圖
15.3.2 雷達曲線面積區域圖
第16章 散點圖和氣泡圖
16.1 散點圖
16.1.1 構建散點圖
16.1.2 散點標記
16.1.3 3D散點圖
16.2 氣泡圖
16.2.1 構建氣泡圖
16.2.2 氣泡大小
16.2.3 設定氣泡值域
16.2.4 設定氣泡閾值
16.2.5 設定氣泡樣式
第17章 儀表圖和固態儀表圖
17.1 儀表圖
17.1.1 構建儀表圖
17.1.2 錶盤
17.1.3 軸
17.1.4 儀表指針
17.1.5 標籤
17.1.6 量程
17.1.7 超量程的處理
17.2 固態儀表圖Solid Gauge
17.2.1 構建固態儀表圖
17.2.2 設定錶盤區域
17.2.3 過渡色模式
17.2.4 多色模式
第18章 樹形圖和熱圖
18.1 單層樹形圖
18.1.1 構建樹形圖
18.1.2 設定外觀
18.1.3 布局方式
18.1.4 使用顏色軸
18.2 多層樹形圖
18.2.1 構建子節點
18.2.2 設定級別
18.2.3 子節點繪製角度
18.2.4 禁止子節點互動
18.3 下鑽樹形圖
18.3.1 構建下鑽樹形圖
18.3.2 動態級別
18.4 熱圖
18.4.1 創建熱圖
18.4.2 設定行列
第19章 金字塔圖和漏斗圖
19.1 普通金字塔圖
19.1.1 構建金字塔圖
19.1.2 金字塔的大小
19.1.3 金字塔的位置
19.1.4 切片
19.1.5 數據標籤
19.1.6 連線線
19.2 下鑽金字塔圖
19.3 漏斗圖
19.3.1 構建漏斗圖
19.3.2 設定漏斗頸部
第20章 誤差條圖和盒圖
20.1 誤差條圖
20.1.1 構建誤差條圖
20.1.2 定製截止線
20.1.3 定製莖線
20.2 特殊的誤差條圖
20.2.1 3D誤差條圖
20.2.2 橫向誤差條圖
20.3 盒圖
20.3.1 構建盒圖
20.3.2 莖線和截止線
20.3.3 中位線
20.3.4 盒體
20.4 特殊的盒圖
20.4.1 分組盒圖
20.4.2 3D盒圖
第21章 特殊類型圖表
21.1 方波圖
21.2 南丁格爾玫瑰圖
21.3 甘特圖
21.4 數軸圖
21.4.1 普通數軸圖
21.4.2 偏移數軸圖
21.5 簡略圖
21.6 以柱形圖顯示最後節點
21.7 圖案填充式圖表
21.8 多彩圖表
21.8.1 多彩折線圖
21.8.2 多彩面積圖
21.9 加權平均值圖表
21.10 可拖動式圖表
21.10.1 設定拖動類型
21.10.2 拖動提示
21.10.3 拖動範圍
21.10.4 拖動事件

相關詞條

熱門詞條

聯絡我們