php折线图 布局图
例子1：
1 <?php
require_once("../conf.php");
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标准的chart显示</title>
</head>
<body> <?php
$s2 = array(array(0, 6.29), array(0.1, 8.21), array(0.2, 8.92), array(0.3, 7.33), array(0.4, 7.91), array(0.5, 3.6), array(0.6, 6.88),
array(0.7, 1.5), array(0.8, 0.08), array(0.9, 6.36), array(1, 0.5), array(1.1, 9.14), array(1.2, 6.23), array(1.3, 2.66),
array(1.4, 9.9), array(1.5, 7.44), array(1.6, 7.82), array(1.7, 8.57), array(1.8, 3.99), array(1.9, 3.83), array(2, 6.78),
array(2.1, 7.63), array(2.2, 6.94), array(2.3, 1.24), array(2.4, 2.25), array(2.5, 0.67), array(2.6, 6.73), array(2.7, 2.25),
array(2.8, 7.72), array(2.9, 9.36), array(3, 8.49)); /**
* 定义一个点的数组
*/
$pc = new C_PhpChartX(array($s2));
/**
出现方式是否为动画显示
**/
//$pc->set_animate(true);
/**
* 设置标题
*/
$pc->set_title(array('text'=>'标准折线图')); /**
* 设置横坐标的最小值和最大值(x)
**/
$pc->set_axes(array('xaxis'=> array('min'=>-0.5,'max'=>4)));
/**
* 设置纵坐标的最小值和最大值(y)
*/
$pc->set_axes(array('yaxis'=> array('min'=>-10,'max'=>15))); /**
* 设置默认线条方式
* linePattern=>dashed:设置线条为虚线，''不设置为实线.也可以为数组，数组中的参数表示将折线按照要求的数字值进行显示和隐藏，形成规则/不规则的折线
* showMarker=>true:设置显示折点加亮;false：设置节点隐藏.
* shadow=>false:设置线条没有有阴影，true：表示线条有阴影.
* lineWidth：表示折现的粗细程度。
* rendererOptions:线条操作，smooth：true：表示两点直间连接圆滑，false：表示两点之间直接连接。
*/
//$pc->set_series_default(array('linePattern'=>array(2,2),'showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>true)));
$pc->set_series_default(array('linePattern'=>'','showMarker'=>true,'shadow'=>true,'lineWidth'=>3,'rendererOptions'=>array('smooth'=>false)));
/**
* 设置线条的坐标面板的显示和颜色
*/ $pc->add_series(array('label'=>'one','color'=>'red')); /**
* 设置折线图
**/
$pc->add_plugins(array('cursor'));
/**
showVerticalLine:表示设置是否有纵向比较线
showTooltip：表示设置是否显示纵向比较线的当前位置坐标（显示在图的右下角处）
followMouse:表示纵向比较线当前坐标是否跟随鼠标。
showTooltipDataPosition:是否让纵向比较线“鼠标跟随坐标”只显示在临近折点处的坐标。
tooltipFormatString:设置坐标提示格式
**/
$pc->set_cursor(array('showVerticalLine'=>true,'showTooltip'=>true,'followMouse'=>true,'showTooltipDataPosition'=>true,'zoom'=>false,'tooltipFormatString'=>'%s x:%s, y:%s')); /**
*设置图形显示的大小，即：长度和宽度。第一个参数是长度，第二个是高度
**/
$pc->draw(800,600); ?> </body>
</html> 图片显示如下：
例子2：
<?php
require_once("../conf.php");
?>
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css" media="screen">
.jqplot-axis {
font-size: 0.85em;
}
.jqplot-title {
font-size: 1.1em;
}
</style>
</head>
<body>
<div><span> </span><span id="info1b"></span></div> <?php $l1 = array(2, 3, 1, 4, 3);
$l2 = array(1, 4, 3, 2, 5); $pc = new C_PhpChartX(array($l1,$l2),'chart'); $pc->set_title(array('text'=>'Stacked Filled Line Plot with Transparency (transparency not supported in IE6)'));
$pc->set_stack_series(true);
$pc->set_grid(array('background'=>'#fefbf3','borderWidth'=>2.5));
$pc->set_animate(true);
$pc->set_series_default(array('fill'=>true,'shadow'=>false,'showMarker'=>false));
$pc->set_axes(array(
'xaxis'=>array('pad'=>1.0,'numberTicks'=>5),
'yaxis'=>array('min'=>0,'max'=>12,'numberTicks'=>5)
)); $pc->add_series(array('color'=>'rgba(68, 124, 147, 0.7)'));
$pc->add_series(array('color'=>'rgba(150, 35, 90, 0.7)')); $pc->draw(560,400); ?> </body>
</html> 显示图片如下：
上面的代码是展示，详细代码请下载内容包：http://files.cnblogs.com/IT-Monkey/pietu.rar
php折线图 布局图的更多相关文章
- Android图表库MPAndroidChart(八)——饼状图的扩展：折线饼状图
Android图表库MPAndroidChart(八)--饼状图的扩展:折线饼状图 我们接着上文,饼状图的扩展,增加折现的说明,来看下我们要实现的效果 因为之前对MPAndroidChart的熟悉,所 ...
- C# 绘制统计图(柱状图, 折线图, 扇形图)【转载】
统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...
- 思维导图软件MindManager for Windows中如何修改思维导图布局
MindManager for Windows是 Mindjet公司旗下应用于Windows桌面系统的一款思维导图软件,目前已经更新到了v14版本.对于很多刚开始使用MindManager for W ...
- .使用 HTML+CSS 实现如图布局，border-widht 5px，一个格子大小是 50*50，hover时候边框变为红色（兼容IE6+，考虑语义化的结构）
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...
- C# 绘制统计图(柱状图, 折线图, 扇形图)
统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...
- Asp.net 用 Graphics 统计图(柱状图, 折线图, 扇形图)
统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...
- [内存管理]linux X86_64处理器的内存布局图
linux X86 64位内存布局图
- Linux内存管理 (3)内核内存的布局图
专题:Linux内存管理专题 关键词:内核内存布局图.lowmem线性映射区.kernel image.ZONE_NORMAL.ZONE_HIGHMEM.swapper_pg_dir.fixmap.v ...
- 06. Matplotlib 2 |折线图| 柱状图| 堆叠图| 面积图| 填图| 饼图| 直方图| 散点图| 极坐标| 图箱型图
1.基本图表绘制 plt.plot() 图表类别:线形图.柱状图.密度图,以横纵坐标两个维度为主同时可延展出多种其他图表样式 plt.plot(kind='line', ax=None, figsiz ...
随机推荐
- 【Java编码准则】の ＃11不要使用Object.equals()来比較密钥值
java.lang.Object.equals()函数默认情况下是不能用来比較组合对象的,比如密钥值.非常多Key类没有覆写equals()函数,因此,组合对象的比較必须单独比較里面的各个类型以保证正 ...
- HTML5 API——无刷新更新地址 history.pushState/replaceState 方法
尽 管是上面讲到的<JavaScript高级程序设计>(第二版)中提到,BOM中的location.path/query…… (window.location)在通过JavaScript更 ...
- 云服务器 ECS Linux 磁盘空间满（含 innode 满）问题排查方法
问题描述 在云服务器 ECS Linux 系统内创建文件时,出现类似如下空间不足提示: No space left on device … 问题原因 导致该问题的可能原因包括: 磁盘分区空间使用率达到 ...
- QWT6.0.1+win7下安装说明
A) 简介 1.QWT是一个基于LGPL版权协议的开源项目, 可生成各种统计图.它为具有技术专业背景的程序提供GUI组件和一组实用类,其目标是以基于2D方式的窗体部件来显示数据, 数据源以数值,数组或 ...
- android中broadcastreceiver的用法-代码中注册
界面如下: 问题1:点击“解绑广播接收器“后再次点击”解绑广播接收器“后,程序崩溃,log信息如下: 08-04 05:04:35.420: E/AndroidRuntime(5521): F ...
- C/C++ unit testing tools (39 found)---reference
http://www.opensourcetesting.org/unit_c.php API Sanity AutoTest Description: An automatic generator ...
- 解决faststone capture在台式机上录制屏幕视频没有声音的问题
点击屏幕录像机: 在弹出的屏幕录像机窗口中选择录制音频,然后点击选项按钮: 在弹出的选项按钮中选择视频选项,将所有的多选框都选中,注:最后一个选项录制windows XP的工具提示最好也选上,我发现如 ...
- 3.3html学习笔记之链接
iframe 元素会创建包含另外一个文档的内联框架 <iframe src=""/> 跳转链接 <a href="#here" target= ...
- C#使用Monitor类、Lock和Mutex类进行多线程同步
在多线程中,为了使数据保持一致性必须要对数据或是访问数据的函数加锁,在数据库中这是很常见的,但是在程序中由于大部分都是单线程的程序,所以没有加锁的必要,但是在多线程中,为了保持数据的同步,一定要加锁, ...
- GCT考试如何准备
备战考试篇 回首连续的3个月的那段复习过程,感受颇多颇深!以下就各科复习,我谈谈自己的感受和经验: 语文复习: 语文主要是考察你的文学功底和素养以及已经具备的工作生活的常识.从03,04两年的考试真题 ...