めも帖

「めも帖」代わりにダラダラと書いていったり、めもしたりしているだけです。

Open Flash Chartを試してみた（4）同一画面でのグラフ切り替え

Flash

swfobjectを利用しているということは、JavaScriptでflashvarsに渡している値を切り替えたらいいってことだよね？と思って試してみました。するとグラフの切り替えができたよ

<html>
	<head>
	<script type="text/javascript" src="js/swfobject.js"></script>
	</head>
<body>
<p>Hello World</p>


<script type="text/javascript">
function chartChange(chartId){
	var chartData = 'data1.txt';
	if(chartId == 1){
		chartData = 'data1.txt';
	}else{
		chartData = 'data2.txt';
	}
	swfobject.embedSWF("open-flash-chart.swf", "my_chart", "500", "300", "9.0.0","",{"data-file":chartData});
}


//<![CDATA[
	swfobject.embedSWF("open-flash-chart.swf", "my_chart", "500", "300", "9.0.0","",{"data-file":"data1.txt"});
//]]>
</script>

<div id="my_chart"></div>

<ul>
	<li style="cursor:pointer;"><span onClick="chartChange(1);">グラフ1</span></li>
	<li style="cursor:pointer;"><span onClick="chartChange(2);">グラフ2</span></li>
</ul>

</body>
</html>