Thursday, 13 August 2015

Barseries Dashboards on Visual force page

Hi Friends ,

In this post , I will demonstrate the how simple to build the dashboards and represent the data on Visualforce page.

Here I am giving small example to display Company's forecasting model on the Vfpage in Bar series dashboard.



Page Code


 <div class="tabmargin" style="margin-top:100px;">
        <table>
        <tr>
            <td width ="70%">
                <div>
                    <apex:chart data="{!lstwrap}" height="500" width="100%">
                        <apex:legend position="bottom"/>
                        <apex:axis type="Numeric" position="left" title="$ Amount" fields="Closeamount,Openamount,Forecastamt,targetamount"  />
                    
                        <apex:axis type="Category" position="bottom" fields="Month" title="month">
                            <apex:chartLabel rotate="310"/>
                        </apex:axis>
                       
                       
                        <apex:barSeries orientation="vertical" axis="left" stacked="true" xField="Month" yField="Closeamount,Openamount,Forecastamt,targetamount" title="Close Amount,Open Amount,Forecastamt,targetamount" colorSet="#AFCA5C,#825ECC,#1D4E4A,#471E5F">
                            <apex:chartTips height="20" width="200" />
                        </apex:barSeries>
                    </apex:chart>
                </div>
            </td>
            
        </tr>
    </table>
</div>









1 comment: