黑马程序员技术交流社区

标题: 【郑州校区】bos项目笔记之chapter10_系统分析、环境搭建（6） [打印本页]
作者: 谷粒姐姐    时间: 2018-4-17 10:40
标题: 【郑州校区】bos项目笔记之chapter10_系统分析、环境搭建（6）
本帖最后由 谷粒姐姐 于 2018-4-17 10:47 编辑

5． 前端报表生成技术 highcharts  
前端报表技术，使用 JavaScript 生成漂亮图表  
百度 echarts： http://echarts.baidu.com/examples.html
Funsioncharts :  http://www.fusioncharts.com/goodies/fusioncharts-free/
Highcharts ： 折线图、 区域图、 柱状图、 饼状图 …  
下载： http://www.highcharts.com/download  



默认下载包，demo 页面引入 js 地址有问题， 修改 demo 页面 js 文件引入位置  
分析业务：  
1、 城市各月份 温度统计  物流业务： 各月份产生订单数量、 各月份销售数据  
第一步： 将 highcharts js 和 css 文件 导入项目   将解压目录 js 下文件 复制 js/highcharts 目录  
第二步： 在页面引入 highcharts 的 js 文件  
复制 demo 的代码 修改就可以  title ： 报表标题  subtitle: 子标题   xAxis ： 横坐标  yAxis： 纵坐标
series： 报表数据  
         data 必须要和 xAxis 横坐标数据对应上  
第三步： 扩展功能  
引入 modules/xx.js  
第四步： 去掉 highcharts.com 的 logo  
第五步： 定制打印是否显示  
课后练习：  
2、 柱状图  
3、 饼图  
bos项目笔记之chapter01_系统分析、环境搭建（1）
bos项目笔记之chapter04_系统分析、环境搭建（1）
bos项目笔记之chapter04_系统分析、环境搭建（2）
bos项目笔记之chapter04_系统分析、环境搭建（3）
bos项目笔记之chapter04_系统分析、环境搭建（4）
bos项目笔记之chapter05_系统分析、环境搭建（1）
bos项目笔记之chapter05_系统分析、环境搭建（2）
bos项目笔记之chapter05_系统分析、环境搭建（3）
bos项目笔记之chapter05_系统分析、环境搭建（4）
bos项目笔记之chapter05_系统分析、环境搭建（5）
bos项目笔记之chapter06_系统分析、环境搭建（1）
bos项目笔记之chapter06_系统分析、环境搭建（2）
bos项目笔记之chapter06_系统分析、环境搭建（3）
bos项目笔记之chapter07_系统分析、环境搭建（1）
bos项目笔记之chapter07_系统分析、环境搭建（2）
bos项目笔记之chapter07_系统分析、环境搭建（3）
bos项目笔记之chapter07_系统分析、环境搭建（4）
bos项目笔记之chapter07_系统分析、环境搭建（5）
bos项目笔记之chapter08_系统分析、环境搭建（1）
bos项目笔记之chapter08_系统分析、环境搭建（2）
bos项目笔记之chapter08_系统分析、环境搭建（3）
bos项目笔记之chapter08_系统分析、环境搭建（4）
bos项目笔记之chapter08_系统分析、环境搭建（5）
bos项目笔记之chapter08_系统分析、环境搭建（6）
bos项目笔记之chapter08_系统分析、环境搭建（7）
bos项目笔记之chapter08_系统分析、环境搭建（8）
bos项目笔记之chapter09_系统分析、环境搭建（1）
bos项目笔记之chapter09_系统分析、环境搭建（2）
bos项目笔记之chapter09_系统分析、环境搭建（3）
bos项目笔记之chapter09_系统分析、环境搭建（4）
bos项目笔记之chapter09_系统分析、环境搭建（5）
bos项目笔记之chapter09_系统分析、环境搭建（6）
bos项目笔记之chapter09_系统分析、环境搭建（7）
bos项目笔记之chapter09_系统分析、环境搭建（8）
bos项目笔记之chapter09_系统分析、环境搭建（9）
bos项目笔记之chapter10_系统分析、环境搭建（1）
bos项目笔记之chapter10_系统分析、环境搭建（2）
bos项目笔记之chapter10_系统分析、环境搭建（3）
bos项目笔记之chapter10_系统分析、环境搭建（4）
bos项目笔记之chapter10_系统分析、环境搭建（5）





欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2