ADF_ADF Faces系列6_ADF数据可视化组件简介之建立Thematic Map Component

简介: 2013-05-01 Created By BaoXinjian 一、摘要 本文介绍,通过Oracle演示资料,开发一个Web Application, Data Model基于演示资料FOD,如何使用ADF业务组件 在Web Client Side,使用JavaServer F...

2013-05-01 Created By BaoXinjian

一、摘要


本文介绍,通过Oracle演示资料,开发一个Web Application, Data Model基于演示资料FOD,如何使用ADF业务组件

在Web Client Side,使用JavaServer Faces JSF

创建一个Master-Detail Order页面,再通过加入图表改善用户体验,如饼图、甘特图、地图、数据透视图等

Part 1: Validating the Model and Starting Building the UI 

Step 1: Create and Populate the Database Schema

Step 2: Get the Starter Application Ready

Step 3: Explore the Starter Application

Step 4: Create the Master Detail Order Page Close

Part 2: Starting Using Graphic ComponentsClose

Step 1: Create a Basic Bar Chart in the Page

Step 2: Refine the Basic Bar Chart

Step 3: Display Stock Levels Using a Gauge

Step 4: Add an 'Export to Excel' Functionality

Part 3: Adding Other Complex Graphical Presentations to the PageClose

Step 1: Create a Geographic Map

Step 2: Create a Pivot Table

Step 3: Create a Gantt Chart

Part 4: Using the Thematic Map Component

Step 1: Add a New View Object and Expose it

Step 2: Create the Product Popularity page tab

 

二、案例1 -  Add a New View Object and Expose it


Step1. 创建用以查询地址和地址对应的总量的VO

Step2. 常见视图,定义Name

Step3. 定义查询Query

Step4. 将VO加入到AM中

Step5. 测试该AM,查看数据的显示情况

Step6. 查看在Data Control中该View的数据显示情况

 
 

三、案例2 - Create the Product Popularity page tab


Step1. 将数据从Data Control绑定到数据中

 Step2. 显示的Lay模型

Step3. 显示的Area和Location

Step4. 显示的数据定义

 

 Step5. 最终在测试,显示的结果


Thanks and Regards

ERP技术讨论群: 288307890
技术交流,技术讨论,欢迎加入
Technology Blog Created By Oracle ERP - 鲍新建
相关文章
|
7月前
|
开发框架 JSON 定位技术
uniapp中map组件动态加载marks标记
uniapp中map组件动态加载marks标记
666 5
|
7月前
|
JavaScript 前端开发 小程序
uniapp中nvue页面如何全屏,map组件如何全屏?
uniapp中nvue页面如何全屏,map组件如何全屏?
402 3
|
7月前
|
移动开发 定位技术
uniapp组件map地图组件使用
uniapp组件map地图组件使用
380 0
|
7月前
|
小程序 定位技术
uniapp 地图组件(map)的使用总结
uniapp 地图组件(map)的使用总结
632 0
|
分布式计算 资源调度 Java
map-reduce中的组件
map-reduce中的组件
77 0
|
开发框架 JavaScript 定位技术
Uniapp - 地图map组件及使用
Uniapp - 地图map组件及使用
1668 0
|
存储 JSON 数据可视化
ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
ChatGPT工作提效之数据可视化大屏组件Echarts的实战方案(大数据量加载、伪3D饼图、地图各省cp中心坐标属性、map3D材质)
658 0
|
3月前
|
Go 定位技术 索引
Go 语言Map(集合) | 19
Go 语言Map(集合) | 19
|
3月前
|
存储 前端开发 API
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
该文章详细介绍了ES6中Set和Map数据结构的特性和使用方法,并探讨了它们在前端开发中的具体应用,包括如何利用这些数据结构来解决常见的编程问题。
ES6的Set和Map你都知道吗?一文了解集合和字典在前端中的应用
|
4月前
|
存储 安全 Java
java集合框架复习----(4)Map、List、set
这篇文章是Java集合框架的复习总结,重点介绍了Map集合的特点和HashMap的使用,以及Collections工具类的使用示例,同时回顾了List、Set和Map集合的概念和特点,以及Collection工具类的作用。
java集合框架复习----(4)Map、List、set