Highcharts网页图表制作实例详解

相关资料

[

本书内容清晰易懂,组织合理,文笔流畅,全面讲解了highcharts图表制作必备的各项参数及注意事项,作者讲解时结合了丰富的实例,非常适合想要了解和学习highcharts网页图表制作的人员阅读。
  ——highcharts中文网、中文社区创办人张远靖

]

本书特色

[

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制作图表的人员,本书更是一本不可多得的案头**参考书。
  一分钟了解本书精华内容
  认识highcharts
  准备数据
  图表区/绘图区
  辅助元素
  图例
  坐标轴
  数据列和数据节点
  提示框
  下钻功能
  注解功能
  高级数据模块
  饼图
  面积图/面积区域图/多边形图
  柱形图/柱形区域图/条形图/瀑布图
  曲线图/曲线面积图/曲线面积区域图
  散点图/气泡图
  仪表图/固态仪表图
  树形图/热图
  金字塔图/漏斗图
  误差条图/盒图
  特殊类型图表

]

内容简介

[

国内一本专门讲述highcharts网页图表制作的图书,highcharts中文网力荐
  highcharts中文网超级版主jsbome力作,展现highcharts的强大功能和独特魅力
  阿里、支付宝、facebook、海尔、阿里云、中国移动、雅虎、visa、nokia等全球100强企业中的61家都在使用的网页图表制作技术,直通网页高薪之路
  通过335个网页图表实例,全面讲解了highcharts网页图表制作技术,并对几十种第三方插件的使用做了深入讲解,以帮助读者制作具备复杂功能的图表
  涉及面广,从基本的图表元素设置到各种图表构建,再到特殊类型的图表定制,几乎涉及highcharts图表制作的所有重要知识

  系统讲解了网页图表中各个组成部分的构建和设置方式,涵盖常见的22种基本图表类型和9种特殊图表类型,并解释了用户容易遇到的各类highcharts问题

推荐阅读:web开发典藏大系

]

作者简介

[

顼宇峰,网名jsbome。长期任Highcharts中文网论坛的超级版主,并在十几个Highcharts技术QQ群担任管理员,专门解答Web前端工程师的各种Highcharts技术问题及其他相关问题,积累了丰富的Highcharts图表制作经验。

]

目录

第1篇 概述篇第1章 认识highcharts1.1 highcharts概述1.1.1 下载highcharts1.2.2 highcharts的图表类型1.2 **个实例1.3 图表构成1.3.1 界面构成1.3.2 代码构成1.4 快速认识图表配置项1.4.1 基本结构1.4.2 图表区配置项chart1.4.3 版权信息配置项credits1.4.4 图例配置项legend1.4.5 标题title和副标题subtitle1.4.6 数据列配置项plotoptions和series1.4.7 提示框tooltip1.4.8 数轴xaxis/yaxis1.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 gauge17.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 拖动事件

封面

Highcharts网页图表制作实例详解

书名:Highcharts网页图表制作实例详解

作者:顼宇峰

页数:392

定价:¥69.0

出版社:清华大学出版社

出版日期:2016-02-01

ISBN:9787302420569

PDF电子书大小:52MB 高清扫描完整版

百度云下载:http://www.chendianrong.com/pdf

发表评论

邮箱地址不会被公开。 必填项已用*标注