<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>