还可以使用AppBuilder的Chart组件，很快速得将OData数据使用图表的形式在移动设备上展示。例如下面的效果，是没有写任何代码的情况下以柱状图展示某公司各个产品大类在2011和2012年的销售情况：
<img src="/oldimg/50/sap578.jpg" alt="SMP3.0学习笔记之十四AppBuilder中使用Chart组件” />
首先使用AppBuilder创建一个Project，并且在该Project/Model目录下增加一个mydata.json文件，里面的内容如下：
[{“Product”:”电视机”,”SalesYear”:2011,”SalesAmt”:4081234.00},{“Product”:”电视机”,”SalesYear”:2012,”SalesAmt”:5509666.00},
{“Product”:”空调”,”SalesYear”:2011,”SalesAmt”:2987186.00},
{“Product”:”空调”,”SalesYear”:2012,”SalesAmt”:3883289.00},
{“Product”:”冰箱”,”SalesYear”:2011,”SalesAmt”:3615461.00},
{“Product”:”冰箱”,”SalesYear”:2012,”SalesAmt”:3326185.00},
{“Product”:”移动电话”,”SalesYear”:2011,”SalesAmt”:3096325.00},
{“Product”:”移动电话”,”SalesYear”:2012,”SalesAmt”:1036008.00}]
真实数据源可能来自SMP3.0暴露的OData服务。这个文件中的数据用来模拟真实数据源.之后新建一个File类型的DATA
SOURCES，名字叫做mydata，并且与刚才的mydata.json绑定：
<img src="/oldimg/50/sap579.jpg" alt="SMP3.0学习笔记之十四AppBuilder中使用Chart组件” />
新建一个Chart，进入Chart的元数据设计器，在Chart设计器中将该Chart的数据源设置为刚才新建的mydata数据源：
<img src="/oldimg/50/sap580.jpg" alt="SMP3.0学习笔记之十四AppBuilder中使用Chart组件” />
此时的设计器应该是这样的：
<img src="/oldimg/50/sap581.jpg" alt="SMP3.0学习笔记之十四AppBuilder中使用Chart组件” />
之后，回到Form Designer，拖拽一个Chart控件到Form上，并且设置其元数据为上面新建的Chart.
<img src="/oldimg/50/sap582.jpg" alt="SMP3.0学习笔记之十四AppBuilder中使用Chart组件” />
运行这个Project，结果如下：
<img src="/oldimg/50/sap583.jpg" alt="SMP3.0学习笔记之十四AppBuilder中使用Chart组件” />
