Example: Pie Chart

Creating a Pie Chart.

The Chart class also allows you to create a Pie Chart. All you need to do is set the type attribute to "pie", define your categoryKey, seriesKey and seriesCollection.

CSS

#mychart {
    margin:10px 10px 10px 10px;
    width:400px;
    height:400px;
}

HTML

<div id="mychart"></div>

JavaScript

YUI().use('charts', function (Y) 
{ 
    // Create data 
    var myDataValues = [
            {day:"Monday", taxes:2000}, 
            {day:"Tuesday", taxes:50}, 
            {day:"Wednesday", taxes:4000}, 
            {day:"Thursday", taxes:200}, 
            {day:"Friday", taxes:2000}
    ];				

    var pieGraph = new Y.Chart({
            render:"#mychart", 
            categoryKey:"day", 
            seriesKeys:["taxes"], 
            dataProvider:myDataValues, 
            type:"pie", 
            seriesCollection:[
                {
                    categoryKey:"day",
                    valueKey:"taxes"
                }
            ]
        });
});