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
Lee SinLee Sin 

Chart doesn't show well?

User-added image
I put this char component in a outputpanel.
I am using bootstrap in the VF page.  
I set the standardstylesheet to be "false" and doctype to be "html-5.0"

  
public List<PieWedgeData> ActivitiesPieData{get;set;}
public void getActivitiesPieData() {
        ActivitiesPieData = new List<PieWedgeData>();
        //List<PieWedgeData> clientsPie = new List<PieWedgeData>();
        ActivitiesPieData.add(new PieWedgeData('Voice Mail', statistics.voiceMail));
        ActivitiesPieData.add(new PieWedgeData('Conversation with C Suite', statistics.ConversationCSuite));
        ActivitiesPieData.add(new PieWedgeData('Conversation with HR', statistics.ConversationHR));
        ActivitiesPieData.add(new PieWedgeData('Conversation - Other', statistics.ConversationOther));
        ActivitiesPieData.add(new PieWedgeData('No Message Left', statistics.NML));
        ActivitiesPieData.add(new PieWedgeData('Follow Up Reminder', statistics.FollowUpReminder));
         ActivitiesPieData.add(new PieWedgeData('Accepted Leads', statistics.AcceptedLeads));
         ActivitiesPieData.add(new PieWedgeData('Declined Leads', statistics.DeclinedLeads));
         ActivitiesPieData.add(new PieWedgeData('RFI', statistics.RFI));
    } 



<apex:chart height="350" width="450" data="{!ActivitiesPieData}">
                <apex:pieSeries dataField="data" labelField="name"/>
                <apex:legend position="right"/>
            </apex:chart>





 
Rahul SharmaRahul Sharma
Check if you get some JavaScript error.
Lee SinLee Sin
Hi Rahul,
I checked the "ActivitiesPieData" in debug log, it contains all the information.
I also checked the chrome console yesterday to find these. 
User-added image
 
Lee SinLee Sin
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;
        }
    }
Above is the wrapper class