charts-timeaxis-source.mustache revision d676c69348c891c2a261a6dbd4f450ddb2e312f3
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe<div id="mychart"></div>
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe<script type="text/javascript">
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe(function() {
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe YUI().use('charts', function (Y)
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe var myDataValues = [
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"1/1/2010", miscellaneous:2000, expenses:3700, revenue:2200},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"2/1/2010", miscellaneous:50, expenses:9100, revenue:100},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"3/1/2010", miscellaneous:400, expenses:1100, revenue:1500},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"4/1/2010", miscellaneous:200, expenses:1900, revenue:2800},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"5/1/2010", miscellaneous:500, expenses:7000, revenue:2650},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"6/1/2010", miscellaneous:3000, expenses:4700, revenue:1200},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"7/1/2010", miscellaneous:6550, expenses:6500, revenue:1100},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"8/1/2010", miscellaneous:4005, expenses:2600, revenue:3500},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"9/1/2010", miscellaneous:1200, expenses:8900, revenue:3800},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"10/1/2010", miscellaneous:2000, expenses:1000, revenue:3650},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"11/1/2010", miscellaneous:2000, expenses:3700, revenue:2200},
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe {date:"12/1/2010", miscellaneous:5000, expenses:3100, revenue:4100}
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe ];
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe var mychart = new Y.Chart({
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe dataProvider:myDataValues,
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe render:"#mychart",
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe styles: {
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe axes: {
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe date: {
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe label: {
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe rotation: -45
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe }
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe }
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe }
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe },
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe categoryKey:"date",
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe categoryType:"time"
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe });
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe });
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe})();
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe</script>
d2a70789f056fc6c9ce3ab047b52126d80b0e3daRichard Lowe