chart_example.html

<div set="control[app:iterator]" type="bar" chartMode="mode" 
	on="l:load.barchart then execute" 
	property="rows" chartTitles="titles"
	title="Happiness Meter" angle="30" color="#0D52D1,#2A0CD0,#8A0CCF"
	thickness="10" height="300"  width="600" legend="true">
</div> 
<script style="display:none;">    	
    $MQ('l:load.barchart',
        {'rows':[
            {'name':'Appcelerator', 'value':'10,10,10'},
            {'name':'Flex', 'value':'7,5,5'},
            {'name':'Open Lazlo', 'value':'6,5,5'},
            {'name':'Google Web Toolkit', 'value':'6,6,2'}],
        'titles':[
            {'title':'Easy to Use 1'},
            {'title':'Fun to Use'},
            {'title':'Makes me coffee'}],'mode':'clustered'}); 	
</script>