php与Open Flash Chart多报表切换例子

将生成好的JSON数据传递给前端,前端通过JS来实现切换效果

例子。

<?php
//
// This is the MODEL section:
//
include '../php-ofc-library/open-flash-chart.php';
$title = new title( date("D M d Y") );
$bar = new bar();
$bar->set_values( array(9,8,7,6,5,4,3,2,1) );
$chart_1 = new open_flash_chart();
$chart_1->set_title( $title );
$chart_1->add_element( $bar );

// generate some random data
srand((double)microtime()*1000000);
$tmp = array();
for( $i=0; $i<9; $i++ )
  $tmp[] = rand(1,10);
$bar_2 = new bar();
$bar_2->set_values( $tmp );
$chart_2 = new open_flash_chart();
$chart_2->set_title( new title( "Chart 2 :-)" ) );
$chart_2->add_element( $bar_2 );

//
// This is the VIEW section:
//
?>
<html>
<head>
<script type="text/javascript" src="js/json/json2.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "350", "200", "9.0.0");
</script>
<script type="text/javascript">
function ofc_ready()
{
    alert('ofc_ready');
}
function open_flash_chart_data()
{
    alert( 'reading data' );
    return JSON.stringify(data_1);
}
function load_1()
{
  tmp = findSWF("my_chart");
  x = tmp.load( JSON.stringify(data_1) );
}
function load_2()
{
  alert("loading data_2");
  tmp = findSWF("my_chart");
  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_1 = <?php echo $chart_1->toPrettyString(); ?>;
var data_2 = <?php echo $chart_2->toPrettyString(); ?>;
</script>

</head>
<body>
<p>Open Flash Chart</p>

<div id="my_chart"></div>
<br>
<a href="javascript:load_1()">display data_1</a> || <a href="javascript:load_2()">display data_2</a>
<p>
Don't forget to 'view source' to see how the Javascript JSON data is loaded.
</p>
</body>
</html>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索前端
, flash
, json
, chart
microsoft
open flash chart、open flash chart下载、open flash chart官网、c open flash chart、open flash chart2,以便于您获取更多的相关知识。

时间: 2024-09-14 14:40:53

php与Open Flash Chart多报表切换例子的相关文章

开源的flash图表:Open Flash Chart

推荐一个开源的Flash图表组件:Open Flash Chart,效果很不错,不逊色于 Adobe提供的收费Chart组件,不仅能显示常见的line, bar, pie等图表,还可以 显示特殊的图表.其中包括:Line Charts, Bar Charts, Horizontal Bar Chart, Stacked Bar Chart, Candle Chart, Area Charts, Pie Charts, Scatter Charts, Radar Charts:并且还提供了PHP,

在web 里面 添加 open flash chart 使用。

open flash chart 是一个不错的图表展示的.只要传送 json 数据就可以展示图片.   flash 在这方面很强.   下载地址:   http://sourceforge.net/projects/openflashchart/files/open-flash-chart/1.9.7/   新版本好像 开始支持 GWT 了..   所以要弄 jsp 里面套用 图表就之能用这个版本了.   解压缩后 data-files 里面 是demo   如图:     附件是 open-f

flash chart曲线图问题

问题描述 flash chart曲线图问题 小弟诚心,在线等待 flash chart 高手解决问题.详细情况继续沟通.希望共同学习,共同进步.急!急!急!

flash+xml实现图片切换效果

种效果flash+xml实现图片切换效果,大部分采用遮照,遮照其实不是很难.这里有一个难点主要是加载图片,以及解析XML.其他的都比较简单. OK,看看过程吧. 1.将FLASH文件大小设为800*230,这里主要是根据你想让FLASH占多大的广告来决定的.比如你FLASH希望大一点,就可以大一些.相反呢,就可以设小一点.把背景设成黑色,然后把帧频改为60.这里就不多说了,主要是考虑动画的流畅性. 2.创建一个新元件"my_mc",然后设成可以在AS中导入的.即在AS链接处打上勾 1,

Flash+Js焦点图切换效果

本文章免费提供一款由代码下载哦,这款flash效果的图片切换源码是一款我从网上找到的,现在把源码拿出来给各位朋友看看哦,好了费话不说多了喜欢就把这款焦点图代码下载吧. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eq

如何使用Flash遮罩制作图片切换特效

  1.在Flash中新建1个图层,用线条工具画一条竖直线放在相对舞台的左面,第30帧处插入关键帧. 2.点击第30帧把竖直线拉到舞台右面,点住任意一帧,在属性里面把补间改为形状. 3.建一个图层,和上面一样画一个竖直线,这次把竖直线从右到左放,然后在属性补间里面选择形状动画.然后再新建图层,导入一张图片,相对舞台大小. 4.新建图层,在第20帧处插入关键帧,导入一张图片,相对舞台大小,第30帧处插入帧. 5.新建图层,第20帧处插入关键帧,用矩形工具画一个长方形的方块颜色任意,注意一定要和两个

Flash制作遮罩图片切换特效教程

  让我们先看看效果: 第一步.打开Flash新建1个图层,用线条工具画一条竖直线,放在相对舞台的左面,第30帧处插入关键帧. 图1 第二步.点击第30帧把竖直线拉到舞台右面. 图2 第三步.点住任意一帧,在属性里面把补间改为形状. 图3 第四步.新建一个图层,和上面一样画一个竖直线,注意的是这次把竖直线从右到左放,然后在属性补间里面选择形状动画. 图4 第五步.新建图层,导入一张图片,相对舞台大� � 图5 第六步.新建图层,在第20帧处插入关键帧,导入一张图片,相对舞台大小,第30帧处插入�

Flash遮罩制作图片切换特效

  让我们先看看效果: 第一步.打开Flash新建1个图层,用线条工具画一条竖直线,放在相对舞台的左面,第30帧处插入关键帧. 图1 第二步.点击第30帧把竖直线拉到舞台右面. 图2 第三步.点住任意一帧,在属性里面把补间改为形状. 图3 第四步.新建一个图层,和上面一样画一个竖直线,注意的是这次把竖直线从右到左放,然后在属性补间里面选择形状动画. 图4 第五步.新建图层,导入一张图片,相对舞台大小. 图5 第六步.新建图层,在第20帧处插入关键帧,导入一张图片,相对舞台大小,第30帧处插入帧.

open flash chart 一个页面展示多个chart的问题

问题描述 swfobject.embedSWF("js/open-flash-chart.swf", "resRisk", "600px", "400px", "9.0.0", "expressInstall.swf"{"datafile":"showResultshowPieChartByResponsibility.action"});swfo