Example: Pie Chart

This example shows how to use Charts to create a 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"
                }
            ]
        });
});