function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
dany__dany__ 

i cant view pie chart in my vf page

hi guys this is my code . here code is working fine but i am not getting the output what i expect 

<apex:page controller="PieChartCo" title="Pie Chart">
    <apex:chart height="350" width="450" data="{!pieData}">
        <apex:pieSeries dataField="data" labelField="name"/>
        <apex:legend position="right"/>
    </apex:chart>
</apex:page>

--------------------------
controller
---------------
public class PieChartCo {

    public list <piewidge>getPieData() {
       list<piewidge>data=new list<piewidge>();
       data.add(new piewidge('Jan', 30));
        data.add(new piewidge('Feb', 15));
        data.add(new piewidge('Mar', 10));
        data.add(new piewidge('Apr', 20));
        data.add(new piewidge('May', 20));
        data.add(new piewidge('Jun', 5));
        return data;
    }
public class piewidge
{
 public string data{get;set;}
 public Integer label{get;set;}
 public piewidge(string data , integer label)
 {
  this.data=data;
  this.label=label;
 }
}
}
Anoop yadavAnoop yadav
Hi,
Try the below code. 
public class PieChartController {
    public List<PieWedgeData> getPieData() {
        List<PieWedgeData> data = new List<PieWedgeData>();
        data.add(new PieWedgeData('Jan', 30));
        data.add(new PieWedgeData('Feb', 15));
        data.add(new PieWedgeData('Mar', 10));
        data.add(new PieWedgeData('Apr', 20));
        data.add(new PieWedgeData('May', 20));
        data.add(new PieWedgeData('Jun', 5));
        return data;
    }

    // Wrapper class
    public class PieWedgeData {

        public String name { get; set; }
        public Integer data { get; set; }

        public PieWedgeData(String name, Integer data) {
            this.name = name;
            this.data = data;
        }
    }
}

<apex:page controller="PieChartController" title="Pie Chart">
    <apex:chart height="350" width="450" data="{!pieData}">
        <apex:pieSeries dataField="data" labelField="name"/>
        <apex:legend position="right"/>
    </apex:chart>
</apex:page>