SFDC-07(图形)

前几天看Apexpage的pdf看见了几个图形,为了省事直接抄了下来方便以后用

每一张图对应一组<apex:chart></apex:chart>标签,所以你想要哪个图就对应找第几个就好了,其实pdf上有,我只是把它摘抄下来方便以后使用。

 1 <apex:page controller="ChartController">
 2
 3     <apex:chart data="{!A}" height="400" width="500">
 4         <apex:legend position="left"/>
 5         <apex:axis type="Numeric" position="left" title="Closed Won" grid="true" fields="data1,data2,data3" dashSize="2">
 6             <apex:chartLabel />
 7         </apex:axis>
 8         <apex:axis type="Category" position="bottom" fields="name" title="Stacked Bars">
 9             <apex:chartLabel rotate="315"/>
10         </apex:axis>
11         <apex:barSeries orientation="vertical" axis="left" stacked="true" xField="name" yField="data1,data2,data3" title="MacDonald,Promas,Worle"/>
12     </apex:chart>
13
14     <apex:chart height="400" width="700" animate="true" data="{!A}">
15         <apex:legend position="left"/>
16         <apex:axis type="Numeric" position="left" title="Closed Won" grid="true" fields="data1,data2,data3">
17             <apex:chartLabel />
18         </apex:axis>
19         <apex:axis type="Numeric" position="right" fields="data1" title="Closed Lost" />
20         <apex:axis type="Category" position="bottom" fields="name" title="Month of the Year">
21             <apex:chartLabel rotate="315"/>
22         </apex:axis>
23         <apex:areaSeries axis="left" tips="true" opacity="0.4" xField="name" yField="data1,data2,data3"/>
24         <apex:barSeries orientation="vertical" axis="right" xField="name" yField="data1">
25             <apex:chartLabel display="insideEnd" field="data1" color="#333"/>
26         </apex:barSeries>
27     </apex:chart>
28
29     <apex:chart height="400" width="700" animate="true" data="{!A}">
30         <apex:legend position="left"/>
31         <apex:axis type="Numeric" position="left" fields="data1,data2,data3" title="Closed Won" grid="true">
32             <apex:chartLabel />
33         </apex:axis>
34         <apex:axis type="Category" position="bottom" fields="name" title="2011">
35             <apex:chartLabel rotate="315"/>
36         </apex:axis>
37         <apex:areaSeries axis="left" xField="name" tips="true" yField="data1,data2,data3" title="MacDonald,Picard,Worlex" />
38     </apex:chart>
39
40
41     <apex:chart height="400" width="700" animate="true" legend="true" data="{!A}">
42         <apex:legend position="left"/>
43         <apex:axis type="Numeric" position="left" title="Volatility" grid="true" fields="data1,data2,data3">
44             <apex:chartLabel />
45         </apex:axis>
46         <apex:axis type="Category" position="bottom" title="Month" grid="true" fields="name">
47             <apex:chartLabel />
48         </apex:axis>
49         <apex:lineSeries axis="left" xField="name" yField="data1" strokeColor="#0000FF" strokeWidth="4"/>
50         <apex:lineSeries axis="left" fill="true" xField="name" yField="data2" markerType="cross" markerSize="4" markerFill="#FF0000"/>
51         <apex:lineSeries axis="left" xField="name" yField="data3" markerType="circle" markerSize="4" markerFill="#8E35EF">
52             <apex:chartTips height="20" width="120"/>
53         </apex:lineSeries>
54     </apex:chart>
55
56     <apex:chart height="250" width="450" animate="true" data="{!A}">
57         <apex:axis type="Gauge" position="gauge" title="Transaction Load" minimum="0" maximum="100" steps="10"/>
58         <apex:gaugeSeries dataField="data1" donut="50" colorSet="#78c953,#ddd"/>
59     </apex:chart>
60
61     <apex:chart height="530" width="700" legend="true" data="{!A}">
62         <apex:legend position="left"/>
63         <apex:axis type="Radial" position="radial">
64             <apex:chartLabel />
65         </apex:axis>
66         <apex:radarSeries xField="name" yField="data1" tips="true" opacity="0.4"/>
67         <apex:radarSeries xField="name" yField="data2" tips="true" opacity="0.4"/>
68         <apex:radarSeries xField="name" yField="data3" tips="true" markerType="cross" strokeWidth="2" strokeColor="#f33" opacity="0.4"/>
69     </apex:chart>
70
71
72     <apex:chart data="{!A}" height="530" width="700" legend="true">
73         <apex:pieSeries labelField="name" dataField="data1"/>
74     </apex:chart>
75
76
77     <apex:chart height="400" width="700" data="{!A}">
78         <apex:axis type="Numeric" position="left" fields="data1"
79             title="Opportunities Closed" grid="true"/>
80         <apex:axis type="Numeric" position="right" fields="data3"
81             title="Revenue (millions)"/>
82         <apex:axis type="Category" position="bottom" fields="name"
83             title="Month of the Year"/>
84         <apex:barSeries title="Monthly Sales" orientation="vertical" axis="right"
85             xField="name" yField="data3">
86             <apex:chartTips height="20" width="120"/>
87         </apex:barSeries>
88         <apex:lineSeries title="Closed-Won" axis="left" xField="name" yField="data1"/>
89     </apex:chart>
90 </apex:page>

 1 public with sharing class ChartController {
 2     //内部类
 3     public class Data {
 4
 5         public String name { get; set; }
 6         public Integer data1 { get; set; }
 7         public Integer data2 { get; set; }
 8         public Integer data3 { get; set; }
 9
10         public Data(String name, Integer data1, Integer data2, Integer data3) {
11             this.name = name;
12             this.data1 = data1;
13             this.data2 = data2;
14             this.data3 = data3;
15         }
16     }
17
18     public static List<Data> getA() {
19         List<Data> data = new List<Data>();
20
21         data.add(new Data(‘Jan‘, 30, 90, 55));
22         data.add(new Data(‘Feb‘, 44, 15, 65));
23         data.add(new Data(‘Mar‘, 25, 32, 75));
24         data.add(new Data(‘Apr‘, 74, 28, 85));
25         data.add(new Data(‘May‘, 65, 51, 95));
26         data.add(new Data(‘Jun‘, 33, 45, 99));
27         data.add(new Data(‘Jul‘, 92, 82, 30));
28         data.add(new Data(‘Aug‘, 87, 73, 45));
29         data.add(new Data(‘Sep‘, 34, 65, 55));
30         data.add(new Data(‘Oct‘, 78, 66, 56));
31         data.add(new Data(‘Nov‘, 80, 67, 53));
32         data.add(new Data(‘Dec‘, 17, 70, 70));
33
34         return data;
35     }
36 }

controller

时间: 2024-09-30 06:37:29

SFDC-07(图形)的相关文章

08 事件处理

跳过了 07 图形程序设计 监听器对象是一个实现了特定监听器接口的类的实例. 事件源是一个能够注册监听器对象并发送事件对象的对象. 当事件发生时, 事件源将事件对象传递给所有注册的监听器. 监听器对象将利用事件对象中的信息决定如何对事件作出响应. 建议使用内部类, 在其他博文中有提到原因. AWT将事件分为低级事件和语义事件, 语义事件是表示用户动作的事件, 如 点击按钮, 低级事件是形成那些事件的事件, 如在点击按钮时, 包含了按下鼠标, 连续移动鼠标, 抬起鼠标 事件. 下面是 java.a

百度房间卡是否可骄傲是快乐积分拉斯科

http://www.ebay.com/cln/ycn6646/-/167568259015/2015.02.07 http://www.ebay.com/cln/gon-n31/-/167197496017/2015.02.07 http://www.ebay.com/cln/hu_d027/-/167453250013/2015.02.07 http://www.ebay.com/cln/ywa2962/-/167301832012/2015.02.07 http://www.ebay.co

搭建KVM环境——07 带GUI的Linux上安装KVM图形界面管理工具

清空yum源缓存,并查看yun源 [[email protected] ~]# yum clean all Loaded plugins: fastestmirror, langpacks Cleaning repos: vcd Cleaning up everything Cleaning up list of fastest mirrors [[email protected] ~]# yum repolist Loaded plugins: fastestmirror, langpacks

玩转Git三剑客——06. 给文件重命名的简便方法、07. 通过git log查看版本演变历史、08. gitk: 通过图形界面工具来查看版本历史

学习视频:玩转Git三剑客(苏玲 携程代码平台负责人)--极客时间 https://time.geekbang.org 一.工作区文件重命名 1. 传统方法(需要三步命令) (1)mv readme readme.md //git status 输出:删除了"readme"文件,并且存在未追踪(untracked)文件readme.md (2)git add readme.md + git rm readme //git status 输出:暂存区需要提交的改变为"将read

MFC DAY06 07 08 09

一 切分窗口 1 类型 动态切分-程序在运行时,由用户拖动分隔条动态的切分窗口. 每一个视图窗口使用的是相同的视图类. 静态切分-在编码创建时已经完成窗口切分.每一个视图窗口 可以使用不同的视图类. 2 相关类 CSplitterWnd类-完成窗口切分的类. #include <afxext.h>//扩展窗口的头文件 3 使用 3.1 动态切分 3.1.1 在CMainFrame中定义切分窗口对象 3.1.2 通过使用CCreateContext结构指定使用的视图类 3.1.3 创建动态切分

破解android手机图形锁

安卓手机的图形锁包括3*3,4*4,5*5的点阵,按次序连接数个点从而达到锁定/解锁的功能.以3*3为例,最少需要连接4个点,最多能连接9个点.在我们进行绘制图形的过程中,每选中这9个点中的一个点,实际上就代表选中了一位数字.当我们连接完4个点时,产生的图形也会间接生成一组密码.比如我们选中02.04.05.08这四个点位,那么组成的密码即为02040508.当然,为了安全,生成的密码是不可能直接被存储的,于是安卓系统将02040508转换为16进制并以sha1加密,并存储在手机里的/data/

第07章-体绘制(1)

[译者:这个系列教程是以Kitware公司出版的<VTK User's Guide -11th edition>一书作的中文翻译(出版时间2010年,ISBN: 978-1-930934-23-8),由于时间关系,我们不能保证每周都能更新本书内容,但尽量做到一周更新一篇到两篇内容.敬请期待^_^.欢迎转载,另请转载时注明本文出处,谢谢合作!同时,由于译者水平有限,出错之处在所难免,欢迎指出订正!] [本节对应原书中的第139页至第142页] 第7章体绘制 体绘制是一种三维空间中而非三维空间中的

图形界面配置heartbeat高可用集群

修改ha.cf配置文件,启用crm功能,表示资源配置交给crm管理 [[email protected] ~]# vim /etc/ha.d/ha.cf crm on 使用自带的ha_propagate脚本同步配置文件 [[email protected] ~]# /usr/lib/heartbeat/ha_propagate 安装heartbeat-gui包 [[email protected] heartbeat2]# rpm -ivhheartbeat-gui-2.1.4-12.el6.x

Linux下安装Oracle的两种方式------有图形界面安装和静默安装

本文参考文章 http://blog.csdn.net/zonej/article/details/50680857 http://blog.csdn.net/tongzidane/article/details/43852705 http://www.cnblogs.com/sopost/archive/2012/07/19/2598981.html 维护版权从我做起. 一.安装前准备工作 1.修改主机名(不是必须的) #vi /etc/hosts   //并添加内网IP地址对应的hostna

响应式Web图形篇 —— icon fonts 的探析及应用

前言 像素完美(Pixel Perfection).分辨率无关(Resolution Independent)和多平台体验一致性是设计师们的追求. 可访问性(Accessability).加载性能和重构灵活性是前端工程师们关心的主题. 当下互联网设备「风起云涌」,显示分辨率「层出不穷」,为 Web 创建者们带来越来越多的难题. 需要为高PPI(aka Retina)显示设备准备@1.5x.@2x.@3x的图片素材: 需要针对不同显示屏分辨率来调整优化排版: 需要考虑多个分辨率版本的图片的加载性能