init
This commit is contained in:
152
include/ECM/open_flash_chart2/data-files/3.html
Normal file
152
include/ECM/open_flash_chart2/data-files/3.html
Normal file
@@ -0,0 +1,152 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
<script type="text/javascript" src="../js/json/json2.js"></script>
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function ofc_ready()
|
||||
{
|
||||
alert('ofc_ready');
|
||||
//load();
|
||||
}
|
||||
|
||||
function open_flash_chart_data()
|
||||
{
|
||||
alert( 'reading data' );
|
||||
return JSON.stringify(chart);
|
||||
}
|
||||
|
||||
function load_1()
|
||||
{
|
||||
tmp = findSWF("my_chart");
|
||||
x = tmp.load( JSON.stringify(chart) );
|
||||
}
|
||||
|
||||
function load_2()
|
||||
{
|
||||
tmp = findSWF("my_chart");
|
||||
x = tmp.load( JSON.stringify(chart2) );
|
||||
}
|
||||
|
||||
function findSWF(movieName) {
|
||||
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||
return window[movieName];
|
||||
} else {
|
||||
return document[movieName];
|
||||
}
|
||||
}
|
||||
|
||||
var chart = {
|
||||
"title":{
|
||||
"text": "Many data lines",
|
||||
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
||||
},
|
||||
|
||||
"y_legend":{
|
||||
"text": "Open Flash Chart",
|
||||
"style": "{color: #736AFF; font-size: 12px;}"
|
||||
},
|
||||
|
||||
"elements":[
|
||||
{
|
||||
"type": "bar",
|
||||
"alpha": 0.5,
|
||||
"colour": "#9933CC",
|
||||
"text": "Page views",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,7]
|
||||
},
|
||||
{
|
||||
"type": "bar",
|
||||
"alpha": 0.5,
|
||||
"colour": "#CC9933",
|
||||
"text": "Page views 2",
|
||||
"font-size": 10,
|
||||
"values" : [6,7,9,5,7,6,9,7,3]
|
||||
}
|
||||
],
|
||||
|
||||
"x_axis":{
|
||||
"stroke":1,
|
||||
"tick_height":10,
|
||||
"colour":"#d000d0",
|
||||
"grid_colour":"#00ff00",
|
||||
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||
},
|
||||
|
||||
"y_axis":{
|
||||
"stroke": 4,
|
||||
"tick_length": 3,
|
||||
"colour": "#d000d0",
|
||||
"grid_colour": "#00ff00",
|
||||
"offset": 0,
|
||||
"max": 20
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
var chart2 = {
|
||||
"title":{
|
||||
"text": "Sketch",
|
||||
"style": "{font-size:35px; color: #567300}"
|
||||
},
|
||||
|
||||
"elements":[
|
||||
{
|
||||
"type": "bar_sketch",
|
||||
"colour": "#81AC00",
|
||||
"outline-colour": "#567300",
|
||||
"text": "Sketch",
|
||||
"font-size": 10,
|
||||
"offset": 6,
|
||||
"values" : [
|
||||
3,
|
||||
8,
|
||||
-5,
|
||||
{"top":5,"outline-colour": "#7030A0", "tip": "outline"},
|
||||
4,
|
||||
{"top":5, "colour": "#99FF00", "tip": "colour"},
|
||||
{"top":-3,"colour": "#99FF00", "outline-colour": "#7030A0", "tip": "colour + outline"},
|
||||
2,
|
||||
7.5]
|
||||
}
|
||||
],
|
||||
|
||||
"x_axis":{
|
||||
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||
},
|
||||
|
||||
"y_axis":{
|
||||
"min": -10,
|
||||
"max": 10
|
||||
},
|
||||
|
||||
"tooltip":{
|
||||
"text": "My Tip<br>#top#,#bottom# = #val#"
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
alert( chart );
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
swfobject.embedSWF("../open-flash-chart/open-flash-chart.swf", "my_chart", "450", "300", "9.0.0");
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<INPUT TYPE=BUTTON OnClick="load_1();" VALUE="Chart 1">
|
||||
<INPUT TYPE=BUTTON OnClick="load_2();" VALUE="Chart 2">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
55
include/ECM/open_flash_chart2/data-files/4.html
Normal file
55
include/ECM/open_flash_chart2/data-files/4.html
Normal file
@@ -0,0 +1,55 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||
//so.addVariable("data", "../data-files/data-20.txt");
|
||||
|
||||
so.addVariable("variables","true");
|
||||
|
||||
|
||||
so.addVariable("pie", "60,#9933CC,#000000");
|
||||
so.addVariable("values", "3,2,1,1,1,1,0.2");
|
||||
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
|
||||
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
|
||||
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
|
||||
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
|
||||
|
||||
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
<hr>
|
||||
|
||||
<div id="my_chart_2"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "200", "300", "9", "#FFFFFF");
|
||||
//so.addVariable("data", "../data-files/data-20.txt");
|
||||
|
||||
so.addVariable("variables","true");
|
||||
|
||||
|
||||
so.addVariable("pie", "60,#9933CC,#000000");
|
||||
so.addVariable("values", "3,2,1,1,1,1,0.2");
|
||||
so.addVariable("colours", "#d01f3c,#356aa0,#C79810");
|
||||
so.addVariable("links", "javascript:alert('Jan 3'),javascript:alert('中文 2'),javascript:alert('March 1'),javascript:alert('April 1'),javascript:alert('May 1'),javascript:alert('June 1'),javascript:alert('July 0.2')");
|
||||
so.addVariable("pie_labels", "January,中文,March,April,May,June,July");
|
||||
so.addVariable("tool_tip", "中文<br>#x_label#<br>Value: #val#");
|
||||
|
||||
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart_2");
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
39
include/ECM/open_flash_chart2/data-files/5.html
Normal file
39
include/ECM/open_flash_chart2/data-files/5.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||
|
||||
my_chart.addVariable("variables","true");
|
||||
my_chart.addVariable("title","report,{font-size: 16;}");
|
||||
my_chart.addVariable("y_legend","data,12,0x736AFF");
|
||||
my_chart.addVariable("y_label_size","14");
|
||||
my_chart.addVariable("y_ticks","5,10,4");
|
||||
|
||||
my_chart.addVariable("bar","50,0x9933CC,q,10");
|
||||
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
|
||||
|
||||
my_chart.addVariable("values","29,62,58,27");
|
||||
my_chart.addVariable("values_2","39,72,68,37");
|
||||
|
||||
my_chart.addVariable("x_labels","2004,2005,2006,2007");
|
||||
|
||||
my_chart.addVariable("x_axis_steps","2");
|
||||
my_chart.addVariable("y_max","80");
|
||||
my_chart.write("my_chart");
|
||||
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
39
include/ECM/open_flash_chart2/data-files/6.html
Normal file
39
include/ECM/open_flash_chart2/data-files/6.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var my_chart = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||
|
||||
my_chart.addVariable("variables","true");
|
||||
my_chart.addVariable("title","report,{font-size: 16;}");
|
||||
my_chart.addVariable("y_legend","data,12,0x736AFF");
|
||||
my_chart.addVariable("y_label_size","14");
|
||||
my_chart.addVariable("y_ticks","5,10,4");
|
||||
|
||||
my_chart.addVariable("bar","50,0x9933CC,q,10");
|
||||
my_chart.addVariable("line_dot_2","3,#CC3399,Line,10,5");
|
||||
|
||||
my_chart.addVariable("values","29,62,58,27");
|
||||
my_chart.addVariable("values_2","39,72,68,37");
|
||||
|
||||
my_chart.addVariable("x_labels","2004,2005,2006,2007");
|
||||
|
||||
my_chart.addVariable("x_axis_steps","2");
|
||||
my_chart.addVariable("y_max","80");
|
||||
my_chart.write("my_chart");
|
||||
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
43
include/ECM/open_flash_chart2/data-files/7.html
Normal file
43
include/ECM/open_flash_chart2/data-files/7.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var d = Date.parse("Jul 8, 2005")-Date.parse("Jul 9, 2005");
|
||||
alert(d);
|
||||
|
||||
var d = Date.parse("Jul 8, 2005");
|
||||
alert(d);
|
||||
|
||||
var d2 = Date.parse("Jul 8, 2006") - d;
|
||||
alert(d2);
|
||||
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "300", "200", "9", "#FFFFFF");
|
||||
|
||||
|
||||
|
||||
so.addVariable("variables","true");
|
||||
so.addVariable("scatter","3,0x004040,Dataset1,10");
|
||||
so.addVariable("y_min", "0");
|
||||
so.addVariable("y_max", 200);
|
||||
so.addVariable("x_min", d);
|
||||
so.addVariable("x_max", d2);
|
||||
so.addVariable("values","[" + (Date.parse("Jul 8, 2005")-d) + ",100,5],[" + ((Date.parse("Jul 8, 2005")+4)-d) + ",150,5]");
|
||||
//so.addVariable("x_labels",Date.parse("Jul 8, 2005")+",x,y,z,"+Date.parse("Jul 8, 2006") );
|
||||
so.addVariable("x_labels","Jul 8, 2005,x,y,z,Jul 8, 2006");
|
||||
so.addVariable("x_axis_steps","86400000")&
|
||||
so.addVariable("tool_tip","x:#x_label#<br>y:#val#");
|
||||
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
34
include/ECM/open_flash_chart2/data-files/8.html
Normal file
34
include/ECM/open_flash_chart2/data-files/8.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var so = new SWFObject("../actionscript/open-flash-chart.swf", "ofc", "470", "280", "9", "#FFFFFF");
|
||||
so.addVariable("variables","true");
|
||||
so.addVariable("x_axis_steps","1");
|
||||
so.addVariable("y_ticks","5,10,5");
|
||||
so.addVariable("line","3,#87421F");
|
||||
so.addVariable("y_min","0");
|
||||
so.addVariable("y_max","20");
|
||||
so.addVariable("pie","60,#E4F0DB,#000000,1,,1");
|
||||
so.addVariable("values","1,1");
|
||||
so.addVariable("pie_labels","Germany,Spain");
|
||||
so.addVariable("bg_colour","#ffffff");
|
||||
so.addVariable("colours","#d01f3c,#356aa0,#C79810");
|
||||
so.addVariable("links","javascript:alert('12'),javascript:alert('10'),javascript:alert('10'),javascript:alert('11'),javascript:alert('6')");
|
||||
so.addVariable("tool_tip","#x_label#<br>Followers:#val#");
|
||||
|
||||
so.addVariable("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
32
include/ECM/open_flash_chart2/data-files/flash-variable.html
Normal file
32
include/ECM/open_flash_chart2/data-files/flash-variable.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function ofc_ready()
|
||||
{
|
||||
alert('ofc_ready');
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||
so.addVariable("data-file", "../data-files/data-60.txt");
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
|
||||
</script>
|
||||
|
||||
<div>boo</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
43
include/ECM/open_flash_chart2/data-files/json-example.html
Normal file
43
include/ECM/open_flash_chart2/data-files/json-example.html
Normal file
@@ -0,0 +1,43 @@
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function load()
|
||||
{
|
||||
tmp = findSWF("ofc");
|
||||
x = tmp.load('{"title":{"text":"hello"}, "x_axis":{"max":6},"elements":[{"type":"line","text":"moo","font-size":10,"values":[5,8,9,4,7,8]}]}');
|
||||
}
|
||||
|
||||
function onrollout2()
|
||||
{
|
||||
tmp = findSWF("ofc");
|
||||
x = tmp.rollout();
|
||||
}
|
||||
|
||||
function findSWF(movieName) {
|
||||
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||
return window[movieName];
|
||||
} else {
|
||||
return document[movieName];
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
|
||||
<div id="my_chart" style="padding: 0px; margin:10px; border: 1px solid lightblue; width: 250px; height: 200px;" onmouseout="__onrollout();"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf", "ofc", "250", "200", "9", "#FFFFFF");
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
<input type="submit" onclick="javascript:load()" value="go">
|
||||
</body>
|
||||
</html>
|
||||
131
include/ECM/open_flash_chart2/data-files/json-test-2.html
Normal file
131
include/ECM/open_flash_chart2/data-files/json-test-2.html
Normal file
@@ -0,0 +1,131 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
<script type="text/javascript" src="../js/json/json2.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function ofc_ready()
|
||||
{
|
||||
alert('ofc_ready');
|
||||
tmp = findSWF("ofc");
|
||||
x = tmp.load( JSON.stringify(data) );
|
||||
}
|
||||
|
||||
|
||||
function button_click()
|
||||
{
|
||||
tmp = findSWF("ofc");
|
||||
x = tmp.load( JSON.stringify(data_2) );
|
||||
}
|
||||
|
||||
function findSWF(movieName) {
|
||||
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||
return window[movieName];
|
||||
} else {
|
||||
return document[movieName];
|
||||
}
|
||||
}
|
||||
|
||||
var data = {
|
||||
|
||||
"title_":{
|
||||
"text":"Custom tooltip",
|
||||
"style":"{font-size: 20px; font-family: Verdana; text-align: center;}"
|
||||
},
|
||||
|
||||
"elements":[
|
||||
{
|
||||
"type": "bar",
|
||||
"colour": "#9933CC",
|
||||
"text": "Page views",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,9]
|
||||
}
|
||||
],
|
||||
"x_axis":{
|
||||
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||
},
|
||||
"y_axis":{
|
||||
"max":20
|
||||
},
|
||||
"tooltip":{
|
||||
"shadow":false,
|
||||
"stroke":5,
|
||||
"colour":"#00d000",
|
||||
"background":"#d0d0ff",
|
||||
"title":"{font-size: 14px; color: #905050;}",
|
||||
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"
|
||||
}
|
||||
}
|
||||
|
||||
var data_2 = {
|
||||
"title":{
|
||||
"text": "Many data lines",
|
||||
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
||||
},
|
||||
|
||||
"y_legend":{
|
||||
"text": "Open Flash Chart",
|
||||
"style": "{color: #736AFF; font-size: 12px;}"
|
||||
},
|
||||
|
||||
"elements":[
|
||||
{
|
||||
"type": "bar",
|
||||
"alpha": 0.5,
|
||||
"colour": "#9933CC",
|
||||
"text": "Page views",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,7]
|
||||
},
|
||||
{
|
||||
"type": "bar",
|
||||
"alpha": 0.5,
|
||||
"colour": "#CC9933",
|
||||
"text": "Page views 2",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,7]
|
||||
}
|
||||
],
|
||||
|
||||
"x_axis":{
|
||||
"stroke":1,
|
||||
"tick_height":10,
|
||||
"colour":"#d000d0",
|
||||
"grid_colour":"#00ff00",
|
||||
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||
},
|
||||
|
||||
"y_axis":{
|
||||
"stroke": 4,
|
||||
"tick_length": 3,
|
||||
"colour": "#d000d0",
|
||||
"grid_colour": "#00ff00",
|
||||
"offset": 0,
|
||||
"max": 20
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf?p=moo", "ofc", "300", "250", "9", "#FFFFFF");
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
<a href="javascript:button_click()">load json</a>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
136
include/ECM/open_flash_chart2/data-files/json-test.html
Normal file
136
include/ECM/open_flash_chart2/data-files/json-test.html
Normal file
@@ -0,0 +1,136 @@
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
|
||||
<script type="text/javascript" src="../js/swfobject.js"></script>
|
||||
<script type="text/javascript" src="../js/json/json2.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
function ofc_ready()
|
||||
{
|
||||
alert('ofc_ready');
|
||||
// tmp = findSWF("ofc");
|
||||
// x = tmp.load( JSON.stringify(data) );
|
||||
}
|
||||
|
||||
function open_flash_chart_data()
|
||||
{
|
||||
alert( 'reading data' );
|
||||
return JSON.stringify(data);
|
||||
}
|
||||
|
||||
function load()
|
||||
{
|
||||
tmp = findSWF("ofc");
|
||||
x = tmp.load( JSON.stringify(data_2) );
|
||||
}
|
||||
|
||||
function findSWF(movieName) {
|
||||
if (navigator.appName.indexOf("Microsoft")!= -1) {
|
||||
return window[movieName];
|
||||
} else {
|
||||
return document[movieName];
|
||||
}
|
||||
}
|
||||
|
||||
var data = {
|
||||
|
||||
"title_":{
|
||||
"text":"Custom tooltip",
|
||||
"style":"{font-size: 20px; font-family: Verdana; text-align: center;}"
|
||||
},
|
||||
|
||||
"elements":[
|
||||
{
|
||||
"type": "bar",
|
||||
"colour": "#9933CC",
|
||||
"text": "Page views",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,9]
|
||||
}
|
||||
],
|
||||
"x_axis":{
|
||||
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||
},
|
||||
"y_axis":{
|
||||
"max":20
|
||||
},
|
||||
"tooltip":{
|
||||
"shadow":false,
|
||||
"stroke":5,
|
||||
"colour":"#00d000",
|
||||
"background":"#d0d0ff",
|
||||
"title":"{font-size: 14px; color: #905050;}",
|
||||
"body":"{font-size: 10px; font-weight: bold; color: #9090ff;}"
|
||||
}
|
||||
}
|
||||
|
||||
var data_2 = {
|
||||
"title":{
|
||||
"text": "Many data lines",
|
||||
"style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
|
||||
},
|
||||
|
||||
"y_legend":{
|
||||
"text": "Open Flash Chart",
|
||||
"style": "{color: #736AFF; font-size: 12px;}"
|
||||
},
|
||||
|
||||
"elements":[
|
||||
{
|
||||
"type": "bar",
|
||||
"alpha": 0.5,
|
||||
"colour": "#9933CC",
|
||||
"text": "Page views",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,7]
|
||||
},
|
||||
{
|
||||
"type": "bar",
|
||||
"alpha": 0.5,
|
||||
"colour": "#CC9933",
|
||||
"text": "Page views 2",
|
||||
"font-size": 10,
|
||||
"values" : [9,6,7,9,5,7,6,9,7]
|
||||
}
|
||||
],
|
||||
|
||||
"x_axis":{
|
||||
"stroke":1,
|
||||
"tick_height":10,
|
||||
"colour":"#d000d0",
|
||||
"grid_colour":"#00ff00",
|
||||
"labels": ["January","February","March","April","May","June","July","August","Spetember"]
|
||||
},
|
||||
|
||||
"y_axis":{
|
||||
"stroke": 4,
|
||||
"tick_length": 3,
|
||||
"colour": "#d000d0",
|
||||
"grid_colour": "#00ff00",
|
||||
"offset": 0,
|
||||
"max": 20
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div id="my_chart"></div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var so = new SWFObject("../open-flash-chart/open-flash-chart.swf?p=moo", "ofc", "300", "250", "9", "#FFFFFF");
|
||||
so.addParam("allowScriptAccess", "always" );//"sameDomain");
|
||||
so.write("my_chart");
|
||||
</script>
|
||||
|
||||
<a href="javascript:load()">load json</a>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user