【郑州校区】前端报表生成技术 highcharts 前端报表技术,使用 JavaScript 生成漂亮图表 Highcharts : 折线图、 区域图、 柱状图、 饼状图 … 默认下载包,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、 饼图 河南省郑州市 高新区长椿路11号大学科技园(西区)东门8号楼三层 来校路线 地铁一号线梧桐街站A口出
|