function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
downloadingdownloading 

charts

HI , 

I have to generate a report where in the bars have to dispalyed 

according to the data from the controller, Could anyone help me

How could i achieve this...

Navatar_DbSupNavatar_DbSup

Hi,


you can use apex:chart on your VF page or google chart API to crate the bar chart.

 

Please go through the link below:


http://www.salesforce.com/us/developer/docs/pages/Content/pages_charting_example.htm


http://www.salesforce.com/us/developer/docs/pages/Content/pages_quick_start_advanced_google_charts.htm

 

Did this answer your question? If not, let me know what didn't work, or if so, please mark it solved. 

kiranmutturukiranmutturu

as Visualforce charting components are currently available through a pilot program you can ask salesforce to enable  in sandbox but u cant access the same in production

 

u can go with this

http://www.salesforce.com/us/developer/docs/pages/Content/pages_quick_start_advanced_google_charts.htm#pages_quick_start_advanced_google_charts

 

 

downloadingdownloading

HI

I need the code for generating the bar graphs from my code itsself unlike googlemaps.

could anybody help me with the sample code or example for this approach ..

 

Thank You'

 

ashish raiashish rai

Hi,

 

Try the below code as reference:

<apex:page controller="ChartController">
    <apex:chart height="400" width="700" data="{!data}">
        <apex:legend position="right"/>
        <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:chartLabel rotate="315"/>
        </apex:axis>
        <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"
            fill="true" markerType="cross" markerSize="4" markerFill="#FF0000"/>
        <apex:lineSeries title="Closed-Lost" axis="left" xField="name" yField="data2"
            markerType="circle" markerSize="4" markerFill="#8E35EF"/>
    </apex:chart>
</apex:page>
//////////////////// Controller ///////////////////////////////
public class ChartController {
    public List<Data> getData() {
        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, 60));
        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;
    }

        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;
        }
    }
}

 

cwall_sfdccwall_sfdc