<apex:chart height="400" width="700" animate="true" data="{!data}"> <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="{!data}"> <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="{!data}"> <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>
The <apex:scatterSeries> charts are like <apex:lineSeries> charts without the connecting lines. By varying the marker size, type, and color, it’s easy to plot many scatter series on the same chart.