YUI Chart Test

YUIchart.php

	<?php 
		$chartData = array(array("category"=>"5/1/2010","miscellaneous"=>2000,"expenses"=>3700),
							array("category"=>"5/2/2010","miscellaneous"=>50,"expenses"=>9100),
						  	array("category"=>"5/3/2010","miscellaneous"=>400,"expenses"=>1100),
						  	array("category"=>"5/4/2010","miscellaneous"=>200,"expenses"=>1900),
						  	array("category"=>"5/5/2010","miscellaneous"=>5000,"expenses"=>5000));
	
	?>
	<script>
		// Create a new YUI instance and populate it with the required modules.
		YUI().use('charts', function (Y) {
			var chartData = <? php echo json_encode($chartData)?>;

	    var myDataValues = [ 
	        {category:"5/1/2010", miscellaneous:2000, expenses:3700, revenue:2200}, 
	        {category:"5/2/2010", miscellaneous:50, expenses:9100, revenue:100}, 
	        {category:"5/3/2010", miscellaneous:400, expenses:1100, revenue:1500}, 
	        {category:"5/4/2010", miscellaneous:200, expenses:1900, revenue:2800}, 
	        {category:"5/5/2010", miscellaneous:5000, expenses:5000, revenue:2650}
	    ];
	    
	    var mychart = new Y.Chart({
	                        dataProvider:myDataValues, 
	                        render:"#mychart",
	                        horizontalGridlines: {
	                            styles: {
	                                line: {
	                                    color: "#dad8c9"
	                                }
	                            }
	                        },
	                        verticalGridlines: {
	                            styles: {
	                                line: {
	                                    color: "#dad8c9"
	                                }
	                            }
	                        }
	                    });
		});
	</script>