php中OpenFlashChart使用之线性图表使用例子

OpenFlashChart使用之线性图表典型使用例子，使用swfobject.js将html图表代码写入到id="my_chart"的DIV中，效果如下：

点击查看原图

html代码：

<html>
<head>
<scripttype="text/javascript"src="js/swfobject.js"></script>
<scripttype="text/javascript">
swfobject.embedSWF(
"open-flash-chart.swf", "my_chart",
"600", "350", "9.0.0", "expressInstall.swf",
{"data-file":"gallery/x-legend.php"} );
</script>
</head>
<body>
<p>Hello World</p>
<divid="my_chart"></div>
</body>
</html>

x-legend.php代码如下：

<?php
include'../php-ofc-library/open-flash-chart.php';
$year = array();
$price = array();
$year[] = '1983'; $price[] = 36.7;
$year[] = '1984'; $price[] = 38.7;
$year[] = '1985'; $price[] = 42.8;
$year[] = '1986'; $price[] = 38.2;
$year[] = '1987'; $price[] = 37.8;
$year[] = '1988'; $price[] = 34.7;
$year[] = '1989'; $price[] = 38.4;
$year[] = '1990'; $price[] = 40.2;
$year[] = '1991'; $price[] = 39.5;
$year[] = '1992'; $price[] = 40.3;
$year[] = '1993'; $price[] = 45.9;
$year[] = '1994'; $price[] = 48.9;
$year[] = '1995'; $price[] = 50.9;
$year[] = '1996'; $price[] = 52.9;
$year[] = '1997'; $price[] = 57.9;
$year[] = '1998'; $price[] = 60.9;
$year[] = '1999'; $price[] = 61.9;
$year[] = '2000'; $price[] = 76.9;
$year[] = '2001'; $price[] = 77.9;
$year[] = '2002'; $price[] = 69.9;
$year[] = '2003'; $price[] = 77.9;
$year[] = '2004'; $price[] = 77.9;
$year[] = '2005'; $price[] = 79.9;
$year[] = '2006'; $price[] = 88.9;
$year[] = '2007'; $price[] = 87.9;
$year[] = '2008'; $price[] = 103.9;
$chart = new open_flash_chart();
$title = new title( 'UK Petrol price (pence) per Litre' );
$title->set_style( "{font-size: 20px; color: #A2ACBA; text-align: center;}" );
$chart->set_title( $title );
$area = new area();
$area->set_colour( '#5B56B6' );
$area->set_values( $price );
$area->set_key( 'Price', 12 );
$chart->add_element( $area );
$x_labels = new x_axis_labels();
$x_labels->set_steps( 2 );
$x_labels->set_vertical();
$x_labels->set_colour( '#A2ACBA' );
$x_labels->set_labels( $year );
$x = new x_axis();
$x->set_colour( '#A2ACBA' );
$x->set_grid_colour( '#D7E4A3' );
$x->set_offset( false );
$x->set_steps(4);
// Add the X Axis Labels to the X Axis
$x->set_labels( $x_labels );
$chart->set_x_axis( $x );
//
// LOOK:
//
$x_legend = new x_legend( '1983 to 2008' );
$x_legend->set_style( '{font-size: 20px; color: #778877}' );
$chart->set_x_legend( $x_legend );
//
// remove this when the Y Axis is smarter
//
$y = new y_axis();
$y->set_range( 0, 150, 30 );
$chart->add_y_axis( $y );
echo$chart->toPrettyString();

注意：如果不能正常显示图表请检查 swfobject.js 和x-legend.php的引用路径是否正确（html代码中的第4行和第10行）

转载于:https://blog.51cto.com/janson/1264018

php中OpenFlashChart使用之线性图表使用例子相关推荐

计算机网络中各层的协议图表（TCP/IP）
计算机网络中各层的协议图表:
.net 从txt中读取行数据_【VBA项目】从指定文件中读取数据并绘制图表
VBA 是一种很久远的编程语言,但并不过时.在满足以下两个条件时,借助 VBA 可以极大的提升生产率,降低出错率: 你的电脑上不允许自主安装软件: 你需要执行的工作中大部分的步骤都是固定且重复的. 项 ...
问题 B: 调整表中元素顺序（线性表）
问题 B: 调整表中元素顺序(线性表) 时间限制: 1 Sec 内存限制: 2 MB 提交: 28 解决: 11 [提交][状态][讨论版] 题目描述若一个线性表L采用顺序存储结构存储,其中所有 ...
如何在Swift中创建漂亮的iOS图表
通过图形和图表呈现数据是当今移动应用程序最显着的特征之一.iOS图表使应用程序看起来更漂亮,更有吸引力. 在本教程中,我们将向您展示如何使用代码示例在Swift中实现我们的iOS图表.我们将看一下Sw ...
LabVIEW中的波形图和波形图表有什么区别在LabVIEW中更改波形图表的历史长度
LabVIEW中的波形图和波形图表有什么区别在LabVIEW中,应该分别在什么情况下使用波形图和波形图表?这两种控件的数据显示方式有什么区别?应该使用哪一个控件来查看数据的历史记录? 解决方案波形 ...
python中如何画logistic_如何在 Python 中建立和训练线性和 logistic 回归 ML 模型？
原标题:如何在 Python 中建立和训练线性和 logistic 回归 ML 模型? 英语原文: 翻译:(Key.君思) 线性回归与logistic回归,是. 在我的里,你们已经学习了线性回归机器学 ...
手把手教你用plotly绘制excel中常见的16种图表(下)
大家好,我是才哥. 上一期咱们介绍<手把手教你用plotly绘制excel中常见的16种图表(上)>演示了8种常见图表,今天我们继续演示另外8种常见图表的绘制. 文章目录 1. 树状图 2 ...
ercharts一个页面能放几个_在同一页面中显示多个echart图表
整理了一下大概有两种做法来实现在同一个页面中显示多个echart图表,废话不说直接上代码. 在同一个echart对象中绘制多个图表 echart .chart { width: 1500px; } i ...
在Vue中使用eCharts的地图图表，及生成自定义地图数据（乡镇级）
如何在Vue中使用eCharts的地图图表,及如何生成自定义地图数据(乡镇级) 文章目录一.在Vue使用ECharts地图功能二.生成地图数据 1.安装Bigemap 程序 2.生成需要的各乡镇地 ...

php中OpenFlashChart使用之线性图表使用例子

php中OpenFlashChart使用之线性图表使用例子相关推荐

最新文章

热门文章