IE下Flash读取json数据问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>line</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var chart={"title": {"text": "","style": "font-size:16px; font-weight:bold;color:#000"},"x_axis": {"labels": {"labels":
[{"text": "2011-05-16","size": 12,"visible": true},{"text": "2011-05-17","size": 12,"visible": false},{"text": "2011-05-
18","size": 12,"visible": true},{"text": "2011-05-19","size": 12,"visible": false},{"text": "2011-05-20","size":
12,"visible": true},{"text": "2011-05-21","size": 12,"visible": false},{"text": "2011-05-22","size": 12,"visible": true},
{"text": "2011-05-23","size": 12,"visible": false},{"text": "2011-05-24","size": 12,"visible": true},{"text": "2011-05-
25","size": 12,"visible": false},{"text": "2011-05-26","size": 12,"visible": true},{"text": "2011-05-27","size":
12,"visible": false},{"text": "2011-05-28","size": 12,"visible": true},{"text": "2011-05-29","size": 12,"visible": false},
{"text": "2011-05-30","size": 12,"visible": true},{"text": "2011-05-31","size": 12,"visible": false},{"text": "2011-06-
01","size": 12,"visible": true},{"text": "2011-06-02","size": 12,"visible": false},{"text": "2011-06-03","size":
12,"visible": true},{"text": "2011-06-04","size": 12,"visible": false},{"text": "2011-06-05","size": 12,"visible": true},
{"text": "2011-06-06","size": 12,"visible": false},{"text": "2011-06-07","size": 12,"visible": true},{"text": "2011-06-
08","size": 12,"visible": false},{"text": "2011-06-09","size": 12,"visible": true},{"text": "2011-06-10","size":
12,"visible": false},{"text": "2011-06-11","size": 12,"visible": true},{"text": "2011-06-12","size": 12,"visible": false},
{"text": "2011-06-13","size": 12,"visible": true},{"text": "2011-06-14","size": 12,"visible": false},{"text": "2011-06-
15","size": 12,"visible": true}],"rotate": "-90"},"steps": 2,"3d": 0,"offset": true},"y_axis": {"tick-length": 0,"labels":
{},"steps": 5300,"min": 0,"max": 58918.398,"3d": 0,"offset": true},"elements": [{"OnClick": "lineclick","width": 2,"dot-
size": 0,"halo-size": 0,"loop": false,"on-show": {},"colour": "#CC3399","values":
[8555,7209,53618.398,51002,43922,30959,34765,28379,26809,8115,3127.668,3434,3227,2031,8544,4695,1754,2007,1918,4122,3644,27
83,2578,1908,2140,2711,3838,2362,4839,2702,2069],"text": "\u9500\u552E\u91D1\u989D\uFF08\u5143\uFF09","fill-alpha":
0.35,"type": "line","dot-style": {"on-show": {},"type": "","tip": "#x_label#\u003Cbr>#val#","on-click":
"lineclick"}}],"tooltip": {"text": "#val#","shadow": true,"rounded": 1,"stroke": 2,"colour": "#e43456","mouse": 0}};
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(chart1) );
}
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 chart1 = {
"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#"
}
};
</script>
</head>
<body>
<form id="form1">
<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>
</form>
</body>
</html>
