ActiveReportsJS 产品入门学习路径

很高兴与您在这里相遇，为了让您更加快速的学习和使用ActiveReportsJs，所以把资料做了如下的汇总，建议先看新手训练营了解产品，然后再进行下一步的操作

分类	名称	连接
产品下载	ActiveReportsJS当前版本下载	查看
学习手册	ActivereportsJS Demo演示	查看
	ActiveReportsJS学习指南	查看
新手训练营	ActiveReportsJS为期2天(4小时)的新手训练营（视频教程）	查看(直播)
		查看（回看）
产品设计教程	ActiveReportsJs设计教程	查看
产品集成教程	ActiveReportsJs集成教程	查看
专题教程	ActiveReportsJS专题教程	查看

1. 新手入门-学习路径第一阶段：初始入门

• 下载产品试用包并阅读《产品入门必读》
• 注册 葡萄城技术社区 账号，掌握更多产品使用资源
• 加入 ActiveReportsJS 技术交流群 - QQ：109783140
• 收藏 学习指南，在线示例， API 文档，报表设计文档，入门视频
  

第二阶段：掌握基本功能

• 报名参与『ActiveReportsJS 新手训练营课程』学习
• 完成 『ActiveReportsJS 产品入门教学系列视频』观看
  

第三阶段：入门指南

• 认识 ActiveReportsJS
• 安装使用了解产品资源文件
• 选择报表模板类型
• 为报表绑定数据
• 添加表格控件
• 第一个ActiveReportsJS 项目
• 第一个ActiveReportsJS 在线设计器项目
  

2. 实践应用与主流框架集成报表展示集成

• Vue 框架展示 ActiveReportsJS 报表
• 在 React 框架中展示 ActiveReportsJS 报表
• 在Angular 框架展示ActiveReportsJS 报表
  

在线设计器集成

• 在纯 JavaScript 应用中集成前端报表设计器
• 在 React 框架中展示 ActiveReportsJS 报表
• 在Angular 框架展示ActiveReportsJS 报表
  

集成API 使用

• 报表展示工具本地化设置
• 在线设计器本地化设置
• 导出PDF 避免乱码字体配置
• 运行时数据绑定
  

3. 报表设计教程

教程名称	概述
交互式报表1-主从联动报表	在日常报表设计过程中，我们通常会需要给根据用户点击的主信息，去加载明细信息，所以会出现主从联动这样的报表效果。
交互式报表2-图表联动	图表联动指的是在同一张报表中实现图表和表格之间的联动效果。
交互式报表3-用户自定义报表列	通常在系统当中会存在权限管控这样的功能，需要根据最终用户的权限去控制更细粒度的数据，本篇文章来分享根据用户的权限去设置用户自定义报表列。
交互式报表4-数据排序	我们经常需要将报表中的数据进行排序，使其按照一定的规则进行显示，这样更方便快速得到需要的结果。

中国式复杂报表设计教程

中国式复杂报表1-多维透视表|本节演示了使用矩表控件创建多维的数据透视表信息。

中国式复杂报表2-树形结构报表| 在一些统计报表中，常利用树形报表实现维度钻取功能，逐级钻取查看更细粒度的指标数据，项目施工进度报告使用葡萄城报表实现树形结构报表，并设置进度条显示功能。

中国式复杂报表3-多维度的复杂透视表|煤矿三量报表是煤炭企业最常见的一个报表，会通过多维度展示煤矿中各个区域的情况，实现分总统及。|

4. 热门资源

• ActiveReportsJS求助中心

• 专题教程