chart test
by monteslu
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<div id="chartNode" style="width: 600px; height: 400px;"></div>
Mon May 26, 2008 12:55 am 0 - 0
Wed Jan 06, 2010 03:02 pm 500 - 472 590
Sat Mar 06, 2010 02:18 pm 1000 - 973 59
Sun Jul 11, 2010 11:19 pm 1500 - 1482 127
Wed Nov 03, 2010 06:27 pm 2000 - 1983 115
Fri Jan 14, 2011 01:14 am 2500 - 2488 72
Wed Mar 23, 2011 03:23 am 3000 - 3000 68
CSS
.tweetBox{
background-color : #E9F4FE;
border: 1px solid black;
overflow : auto;
margin:3px;
padding:3px;
}
JavaScript
dojo.require('dijit.form.Button');
dojo.require("dojox.charting.DataChart");
dojo.require("dojo.data.ItemFileWriteStore");
dojo.addOnLoad(function(){
var data = { "identifier": "symbol", "idAttribute":"symbol", "label": "symbol","items": [
{ "symbol":"ANDT", "historicPrice":[0.01,3.52,3.66,3.11,3.90,3.11,3.11], "price":3.52},
{ "symbol":"ATEU", "historicPrice":[6.72,6.76,6.61,6.41,6.31,6.99,7.20], "price":6.76},
{ "symbol":"BGCN", "historicPrice":[4.11,3.98,4.05,4.20,4.16,4.22,3.80], "price":3.98},
{ "symbol":"BAYC", "historicPrice":[9.79,9.60,9.50,2.23,9.45,9.76,9.99], "price":9.60},
{ "symbol":"CRCR", "historicPrice":[8.44,8.44,8.54,8.60,9.65,8.42,8.44], "price":8.44},
{ "symbol":"DTOA", "historicPrice":[2.11,2.47,3.11,3.06,3.01,3.01,3.00], "price":2.47}
]};
var data = { "identifier": "symbol", "idAttribute":"symbol", "label": "symbol","items": [
{ "symbol":"ANDT", "historicPrice":[0.01,3.52,3.66,3.11,3.90,3.11,3.11], "price":3.52},
{ "symbol":"ATEU", "historicPrice":[6.72,6.76,6.61,6.41,6.31,6.99,7.20], "price":6.76},
{ "symbol":"BGCN", "historicPrice":[4.11,3.98,4.05,4.20,4.16,4.22,3.80], "price":3.98},
{ "symbol":"BAYC", "historicPrice":[9.79,9.60,9.50,2.23,9.45,9.76,9.99], "price":9.60},
{ "symbol":"CRCR", "historicPrice":[8.44,8.44,8.54,8.60,9.65,8.42,8.44], "price":8.44},
{ "symbol":"DTOA", "historicPrice":[2.11,2.47,3.11,3.06,3.01,3.01,3.00], "price":2.47}
]};
var store = new dojo.data.ItemFileWriteStore({data:data});
//var chart = new dojox.charting.DataChart("chartNode", chartDefault.chart);
var chart = new dojox.charting.DataChart("chartNode", {
comparative:true
});
chart.setStore(store, {symbol:'*'}, "price");
console.log(data);
});