試験管のなかのコード

Open Flash Chart でデータを HTML 内に埋め込む方法

Open Flash Chart でチャート用の JSON データを HTML 内に埋め込む方法をメモ。

<script type="text/javascript" language="javascript" src="swfobject.js" ></script>
<script type="text/javascript">
  var chartData = '{"elements":[{"type":"line","values":[1,2,3,4]}]}'; // ここにチャート用の JSON データを埋め込む。
  swfobject.embedSWF("open-flash-chart.swf", "chart", "300", "300", "9.0.0", "expressInstall.swf", {"get-data":"getChartData"});
  function getChartData() {
    return chartData;
  }
</script>
<div id="chart"></div>

"get-data" に JSON を返す JavaScript の function を指定するだけ。

詳細な情報は以下を参照のこと。

Advanced : Many charts on one page

http://teethgrinder.co.uk/open-flash-chart-2/adv-js-2-charts.php