Flex Chart 选择区域缩放代码

功能:

  1. 在Chart上拖拉一个矩形范围可对单个或多个数据系列进行缩放;
  2. 在Chart上双击将恢复到缩放前的状态。

点击此处查看本实例的效果,点击此处下载本实例的源码。

从本质上讲,我们只是通过区域选择得到新的dataProvider,再提供给Chart,从而模拟了Chart缩放。有两个小技巧值得一提:

  1. 使用ChartItemEvent的Change事件而不用itemMouseUp事件可以避免在空白处拖拉选择时不缩放Chart。
  2. 使用findDataPoints找出选择的HitData个数,如果个数为0表示是通过拖拉实现区域选择,个数为1表示是通过鼠标单击选择,从而避免了单击选择单个HitData也缩放Chart。
  3. 为保证区域选择单个HitData生成曲线的实用性,生成的曲线也包括该HitData附近的两个HitData。
时间: 2024-09-14 16:51:26

Flex Chart 选择区域缩放代码的相关文章

同步Flex Chart的数据提示

原文 http://www.riafan.com/sync-datatips-for-flex-chart/ 图表数据提示的同步不仅包含单个图表内多个系列的数据提示的同步,也包含多个图表的数据提示的同步.有时图表纵轴的数值差别太大,放在一个 Chart中显示为多个系列不太合适.一种办法是使用多个纵轴,但轴多了界面会乱.另外一种办法是将不同的系列放在不同的Chart中显示.这种方法更常 用,但多个图表的数据提示同步相对比较麻烦. 首先应该实现鼠标横向跟踪的功能:在整个绘图区都能显示数据提示,只要给

php实现图片等比例缩放代码_php技巧

新建文件index.php,需要在统计目录下有个图片为q.jpg(可根据源码进行更改图片的名称) 源代码如下: <?php $filename="q.jpg"; $per=0.3; list($width, $height)=getimagesize($filename); $n_w=$width*$per; $n_h=$height*$per; $new=imagecreatetruecolor($n_w, $n_h); $img=imagecreatefromjpeg($fi

CSS图片等比例缩放代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="conte

js实现兼容IE、Firefox的图片缩放代码_javascript技巧

本文实例讲述了js实现兼容IE.Firefox的图片缩放代码.分享给大家供大家参考,具体如下: function SetSize(obj, width, height) { myImage = new Image(); myImage.src = obj.src; if (myImage.width > 0 && myImage.height > 0) { var rate = 1; if (myImage.width > width || myImage.height

js图片按指定比例缩放代码

js图片按指定比例缩放代码是非常实用的,我们主要是在网页面显示时会看到,如是一张图片大太了,所以得按比例进行处理了,下面的代码就是这个功能. <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>onMouseWheel</TITLE> <SCRIPT> var coun

js图片按比例缩放代码

js图片按比例缩放代码 <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jjs图片按比例缩放代码</title> <script language="javascript教程">  //图片按比例缩放 var flag = false; function DrawIm

bmp 缩放代码(BMP位图任意放大 和缩小)_C 语言

前几天碰上需要对bmp位图进行缩放的功能, 调用API函数,虽然能实现位图缩放,但是对有放大的效果好,缩小会造成失真,图像上有花点,让人难以接受 ,因为本人以前学易语言,易语言有一段代码,对bmp图像缩放效果非常 好, 昨天抽空,把它翻译成c++代码了,经验证,非常 好用,帖上代码: 这一段是对宽度进行缩放: void __stdcall bmpsetH(unsigned char *bitmap,int h,unsigned char *bitmap2) { int i,j,k,bitmapH

javascript实现图片等比例缩放代码

 代码如下 复制代码 //设置图片自动调整  function   SetImgSize(pimg,iw,ih)   {   //pimg对象,iw缩略图宽度,ih缩略图高度    var   img   =   new   Image();     img.src = pimg.src;       var   w   =   iw;       var   h   =   ih;          if(img.width>0 && img.height>0)    {  

Flex Chart / Charting 图表参考

如下是一些参考资源:  Flex Chart官方文档:   http://livedocs.adobe.com/flex/3/html/help.html?content=Part1_charting_1.html RIA 开发社区  http://www.9ria.com/ 如何定制:在Flex Chart 中绘制3D图表  http://blog.csdn.net/xingjunli/article/details/5473299   开源库 Open Flash Chart  http:/