Skip to content

Instantly share code, notes, and snippets.

@tripp
Created February 2, 2011 17:24
Show Gist options
  • Save tripp/808027 to your computer and use it in GitHub Desktop.
Save tripp/808027 to your computer and use it in GitHub Desktop.
YUI().use('charts', function (Y)
{
//dataProvider source
var myDataValues = [
{date:"6/1/2008", miscellaneous:2000, expenses:3700, revenue:2200},
{date:"8/1/2008", miscellaneous:5000, expenses:9100, revenue:100},
{date:"10/1/2008", miscellaneous:4000, expenses:1900, revenue:1500},
{date:"12/1/2008", miscellaneous:3000, expenses:3900, revenue:2800},
{date:"2/1/2009", miscellaneous:500, expenses:7000, revenue:2650},
{date:"4/1/2009", miscellaneous:3000, expenses:4700, revenue:1200},
{date:"6/1/2009", miscellaneous:2000, expenses:3700, revenue:2200},
{date:"8/1/2009", miscellaneous:5000, expenses:9100, revenue:100},
{date:"10/1/2009", miscellaneous:4000, expenses:1900, revenue:1500},
{date:"12/1/2009", miscellaneous:3000, expenses:3900, revenue:2800},
{date:"2/1/2010", miscellaneous:500, expenses:7000, revenue:2650},
{date:"4/1/2010", miscellaneous:3000, expenses:4700, revenue:1200}
];
//Define our axes for the chart.
var myAxes = {
financials:{
keys:["miscellaneous", "revenue", "expenses"],
position:"left",
type:"numeric",
styles:{
majorTicks:{
display: "none"
}
}
},
dateRange:{
keys:["date"],
position:"bottom",
type:"time",
styles:{
majorTicks:{
display: "none"
},
majorUnit: {
count: 5
}
}
}
};
//instantiate the chart
var myChart = new Y.Chart({
categoryKey: "date",
dataProvider:myDataValues,
axes:myAxes,
horizontalGridlines: true,
verticalGridlines: true,
render:"#mychart"
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment