<div id="mychart"></div>
<script type="text/javascript">
(function() {
    YUI().use('charts', function (Y) 
    { 
        var myDataValues = [ 
            {month:"January", internetSales: 110000, percentOfRevenue: 25},
            {month:"February", internetSales: 333500, percentOfRevenue: 28},
            {month:"March", internetSales: 90500, percentOfRevenue: 15},
            {month:"April", internetSales: 255550, percentOfRevenue: 21},
            {month:"May", internetSales: 445000, percentOfRevenue: 33},
            {month:"June", internetSales: 580000, percentOfRevenue: 38}
        ];
       
        //Define axes and assign keys
        var myAxes = {
            percentage: {
                type:"numeric",
                position:"right",
                keys:["percentOfRevenue"],
                labelFormat: {suffix:"%"}
            },
            sales: {
                type:"numeric",
                position:"left",
                keys:["internetSales"],
                labelFormat: {
                    prefix:"$",
                    thousandsSeparator:","
                }
            }
        };

        //Define a series collection so that we can assign nice display names
        var mySeries = [
            {type:"combo", yKey:"internetSales", yDisplayName:"Internet Sales", xDisplayName:"Month"},
            {type:"combo", yKey:"percentOfRevenue", yDisplayName:"Percent of Total Revenue", xDisplayName:"Month"}
        ];

        var mychart = new Y.Chart({
                                dataProvider:myDataValues, 
                                categoryKey:"month", 
                                axes:myAxes, 
                                seriesCollection:mySeries, 
                                render:"#mychart"
                            });
    });
})();
</script>
