SFDC-07(图形)

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

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

<apex:page controller="ChartController">
    
    <apex:chart data="{!A}" height="400" width="500">
        <apex:legend position="left"/>
        <apex:axis type="Numeric" position="left" title="Closed Won" grid="true" fields="data1,data2,data3" dashSize="2">
            <apex:chartLabel />
        </apex:axis>
        <apex:axis type="Category" position="bottom" fields="name" title="Stacked Bars">
            <apex:chartLabel rotate="315"/>
        </apex:axis>
        <apex:barSeries orientation="vertical" axis="left" stacked="true" xField="name" yField="data1,data2,data3" title="MacDonald,Promas,Worle"/>
    </apex:chart>
    
    <apex:chart height="400" width="700" animate="true" data="{!A}">
        <apex:legend position="left"/>
        <apex:axis type="Numeric" position="left" title="Closed Won" grid="true" fields="data1,data2,data3">
            <apex:chartLabel />
        </apex:axis>
        <apex:axis type="Numeric" position="right" fields="data1" title="Closed Lost" />
        <apex:axis type="Category" position="bottom" fields="name" title="Month of the Year">
            <apex:chartLabel rotate="315"/>
        </apex:axis>
        <apex:areaSeries axis="left" tips="true" opacity="0.4" xField="name" yField="data1,data2,data3"/>
        <apex:barSeries orientation="vertical" axis="right" xField="name" yField="data1">
            <apex:chartLabel display="insideEnd" field="data1" color="#333"/>
        </apex:barSeries>
    </apex:chart>
        
    <apex:chart height="400" width="700" animate="true" data="{!A}">
        <apex:legend position="left"/>
        <apex:axis type="Numeric" position="left" fields="data1,data2,data3" title="Closed Won" grid="true">
            <apex:chartLabel />
        </apex:axis>
        <apex:axis type="Category" position="bottom" fields="name" title="2011">
            <apex:chartLabel rotate="315"/>
        </apex:axis>
        <apex:areaSeries axis="left" xField="name" tips="true" yField="data1,data2,data3" title="MacDonald,Picard,Worlex" />
    </apex:chart>
        
        
    <apex:chart height="400" width="700" animate="true" legend="true" data="{!A}">
        <apex:legend position="left"/>
        <apex:axis type="Numeric" position="left" title="Volatility" grid="true" fields="data1,data2,data3">
            <apex:chartLabel />
        </apex:axis>
        <apex:axis type="Category" position="bottom" title="Month" grid="true" fields="name">
            <apex:chartLabel />
        </apex:axis>
        <apex:lineSeries axis="left" xField="name" yField="data1" strokeColor="#0000FF" strokeWidth="4"/>
        <apex:lineSeries axis="left" fill="true" xField="name" yField="data2" markerType="cross" markerSize="4" markerFill="#FF0000"/>
        <apex:lineSeries axis="left" xField="name" yField="data3" markerType="circle" markerSize="4" markerFill="#8E35EF">
            <apex:chartTips height="20" width="120"/>
        </apex:lineSeries>
    </apex:chart>

    <apex:chart height="250" width="450" animate="true" data="{!A}">
        <apex:axis type="Gauge" position="gauge" title="Transaction Load" minimum="0" maximum="100" steps="10"/>
        <apex:gaugeSeries dataField="data1" donut="50" colorSet="#78c953,#ddd"/>
    </apex:chart>
        
    <apex:chart height="530" width="700" legend="true" data="{!A}">
        <apex:legend position="left"/>
        <apex:axis type="Radial" position="radial">
            <apex:chartLabel />
        </apex:axis>
        <apex:radarSeries xField="name" yField="data1" tips="true" opacity="0.4"/>
        <apex:radarSeries xField="name" yField="data2" tips="true" opacity="0.4"/>
        <apex:radarSeries xField="name" yField="data3" tips="true" markerType="cross" strokeWidth="2" strokeColor="#f33" opacity="0.4"/>
    </apex:chart>
    
    
    <apex:chart data="{!A}" height="530" width="700" legend="true">
        <apex:pieSeries labelField="name" dataField="data1"/>
    </apex:chart>
    

    <apex:chart height="400" width="700" data="{!A}">
        <apex:axis type="Numeric" position="left" fields="data1"
            title="Opportunities Closed" grid="true"/>
        <apex:axis type="Numeric" position="right" fields="data3"
            title="Revenue (millions)"/>
        <apex:axis type="Category" position="bottom" fields="name"
            title="Month of the Year"/>
        <apex:barSeries title="Monthly Sales" orientation="vertical" axis="right"
            xField="name" yField="data3">
            <apex:chartTips height="20" width="120"/>
        </apex:barSeries>
        <apex:lineSeries title="Closed-Won" axis="left" xField="name" yField="data1"/>
    </apex:chart>
</apex:page>

public with sharing class ChartController {
    //内部类
    public class Data {
        
        public String name { get; set; }
        public Integer data1 { get; set; }
        public Integer data2 { get; set; }
        public Integer data3 { get; set; }
        
        public Data(String name, Integer data1, Integer data2, Integer data3) {
            this.name = name;
            this.data1 = data1;
            this.data2 = data2;
            this.data3 = data3;
        }
    }
    
    public static List<Data> getA() {
        List<Data> data = new List<Data>();
        
        data.add(new Data('Jan', 30, 90, 55));
        data.add(new Data('Feb', 44, 15, 65));
        data.add(new Data('Mar', 25, 32, 75));
        data.add(new Data('Apr', 74, 28, 85));
        data.add(new Data('May', 65, 51, 95));
        data.add(new Data('Jun', 33, 45, 99));
        data.add(new Data('Jul', 92, 82, 30));
        data.add(new Data('Aug', 87, 73, 45));
        data.add(new Data('Sep', 34, 65, 55));
        data.add(new Data('Oct', 78, 66, 56));
        data.add(new Data('Nov', 80, 67, 53));
        data.add(new Data('Dec', 17, 70, 70));
        
        return data;
    }
}