Highcharts网页图表制作实例详解PDF|Epub|txt|kindle电子书版本网盘下载

Highcharts网页图表制作实例详解PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 概述篇2

第1章 认识Highcharts2

1.1 Highcharts概述2

1.1.1 下载Highcharts2

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 图表区配置项chart14

1.4.3 版权信息配置项credits15

1.4.4 图例配置项legend15

1.4.5 标题title和副标题subtitle15

1.4.6 数据列配置项plotOptions和series16

1.4.7 提示框tooltip17

1.4.8 数轴xAxis/yAxis17

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篇 基础篇40

第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篇 图表篇250

第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

第13章 面积图、面积区域图和多边形图271

13.1 面积图和面积区域图数据节点271

13.1.1 面积图数据节点271

13.1.2 面积区域图数据节点272

13.2 面积图区域颜色273

13.2.1 统一设置273

13.2.2 独立设置274

13.3 面积图特定设置275

13.3.1 重新设置基准275

13.3.2 面积图跟踪276

13.4 特殊的面积图277

13.4.1 分色面积图277

13.4.2 堆叠面积图278

13.4.3 雷达面积图279

13.5 多边形图280

第14章 柱形图、柱形区域图、条形图和瀑布图282

14.1 构建柱体282

14.1.1 柱体颜色282

14.1.2 柱体大小284

14.1.3 柱体位置286

14.2 特殊的柱体形式287

14.2.1 柱体阈值287

14.2.2 柱体分组289

14.2.3 数据标签290

14.2.4 数据标签显示位置不统一291

14.3 特殊的柱形图292

14.3.1 堆叠柱形图292

14.3.2 雷达柱形图294

14.3.3 下钻柱形图295

14.3.4 3D柱形图295

14.3.5 3D分组柱形图296

14.3.6 包含负值的柱形图297

14.3.7 圆角柱形图298

14.3.8 每个柱体对应独立图例299

14.4 柱形区域图301

14.4.1 定义节点301

14.4.2 数据标签302

14.5 条形图303

14.5.1 数据标签303

14.5.2 分组条形图304

14.5.3 堆叠条形图304

14.5.4 3D条形图305

14.6 瀑布图306

14.6.1 构建瀑布图306

14.6.2 柱体颜色307

14.6.3 连接线308

14.6.4 数据统计308

14.6.5 分组瀑布图309

14.6.6 3D瀑布图310

第15章 曲线图、曲线面积图和曲线面积区域图312

15.1 曲线图312

15.1.1 构建曲线图312

15.1.2 堆叠曲线图313

15.1.3 雷达曲线图313

15.2 曲线面积图314

15.2.1 基本曲线面积图314

15.2.2 堆叠曲线面积图315

15.2.3 雷达曲线面积图316

15.3 曲线面积区域图316

15.3.1 基本曲线面积区域图316

15.3.2 雷达曲线面积区域图317

第16章 散点图和气泡图318

16.1 散点图318

16.1.1 构建散点图318

16.1.2 散点标记319

16.1.3 3D散点图320

16.2 气泡图320

16.2.1 构建气泡图321

16.2.2 气泡大小321

16.2.3 设置气泡值域323

16.2.4 设置气泡阈值324

16.2.5 设置气泡样式325

第17章 仪表图和固态仪表图326

17.1 仪表图326

17.1.1 构建仪表图326

17.1.2 表盘327

17.1.3 轴328

17.1.4 仪表指针329

17.1.5 标签330

17.1.6 量程331

17.1.7 超量程的处理332

17.2 固态仪表图Solid Gauge333

17.2.1 构建固态仪表图333

17.2.2 设置表盘区域334

17.2.3 过渡色模式335

17.2.4 多色模式336

第18章 树形图和热图338

18.1 单层树形图338

18.1.1 构建树形图338

18.1.2 设置外观339

18.1.3 布局方式340

18.1.4 使用颜色轴342

18.2 多层树形图344

18.2.1 构建子节点344

18.2.2 设定级别345

18.2.3 子节点绘制角度346

18.2.4 禁止子节点交互347

18.3 下钻树形图348

18.3.1 构建下钻树形图348

18.3.2 动态级别348

18.4 热图351

18.4.1 创建热图351

18.4.2 设置行列352

第19章 金字塔图和漏斗图353

19.1 普通金字塔图353

19.1.1 构建金字塔图353

19.1.2 金字塔的大小354

19.1.3 金字塔的位置355

19.1.4 切片355

19.1.5 数据标签356

19.1.6 连接线357

19.2 下钻金字塔图358

19.3 漏斗图359

19.3.1 构建漏斗图359

19.3.2 设置漏斗颈部360

第20章 误差条图和盒图361

20.1 误差条图361

20.1.1 构建误差条图361

20.1.2 定制截止线363

20.1.3 定制茎线363

20.2 特殊的误差条图364

20.2.1 3D误差条图364

20.2.2 横向误差条图365

20.3 盒图367

20.3.1 构建盒图367

20.3.2 茎线和截止线368

20.3.3 中位线369

20.3.4 盒体370

20.4 特殊的盒图371

20.4.1 分组盒图371

20.4.2 3D盒图372

第21章 特殊类型图表374

21.1 方波图374

21.2 南丁格尔玫瑰图376

21.3 甘特图377

21.4 数轴图378

21.4.1 普通数轴图379

21.4.2 偏移数轴图380

21.5 简略图381

21.6 以柱形图显示最后节点382

21.7 图案填充式图表383

21.8 多彩图表384

21.8.1 多彩折线图384

21.8.2 多彩面积图386

21.9 加权平均值图表386

21.10 可拖动式图表389

21.10.1 设置拖动类型389

21.10.2 拖动提示390

21.10.3 拖动范围391

21.10.4 拖动事件392