在winform中运用FusionCharts图表(二)

简介:

在上文“在winform中运用FusionCharts图表(一)”中,介绍了Line2D的FusionCharts图表的XML基本属性。

  本文将介绍如何在WinForm中显示图表,并且通过按钮点击显示不同的图表。

  在WinForm中显示SWF文件,有两种途径,一个是利用Flash控件;一个是利用WebBrowser控件;本文利用的是后者。WebBrowser控件通过显示包含SWF文件的HTML文件,来达到显示SWF文件的目的。

  首先,准备好外部文件:

    FusionCharts.js;这个是FusionCharts的JS文件。在官方的免费包里。

    FCF_Line.swf;这个是FusionCharts的SWF文件,用来显示图表的,在官方的免费包里。

    1.xml;图表数据一,自己构造的XML图表数据。

    2.xml;图表数据二,自己构造的XML图表数据,和前一个文件属性相同,只是数据点的数据不同。

    Line2D.html;包含SWF文件的HTML文件。内容如下:    

复制代码

  
  
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=iso-8859-1" />
< title > FusionCharts Free Documentation </ title >
< script language ="JavaScript" src ="FusionCharts.js" ></ script >

< script language ="javascript" >
var query = location.search.substring( 5 );
</ script >

</ head >

< body style ="margin:0px;" >

< div style ="width:600px;" >
< div id ="chartdiv" align ="center" >
FusionCharts.
</ div >
< script type ="text/javascript" >
var chart = new FusionCharts( " FCF_Line.swf " , " ChartId " , " 600 " , " 350 " );
chart.setDataURL(query);
chart.render(
" chartdiv " );
</ script >
</ div >
</ body >
</ html >
复制代码

 

   这个文件的关键有这几个方面:

  1、var query=location.search.substring(5);。这句话是JS来获取HTML的传入参数。在使用的时候,WebBrowse控件是采用Line2D.html?url=2.xml的形式,那么前面的这句话就是获得2.xml这个外部数据文件名。

  2、<body style="margin:0px;">。这句话是把页面的留白去掉。

  3、chart.setDataURL(query); 。这句话的意思是根据前面获得的文件名,动态的获得数据。

  

  文件准备好后,在Winform上拖动控件,两个Button,一个WebBrowse控件。

  WebBrowse控件的属性设置如下:

    IsWebBrowserContextMenuEnabled = False;不显示WebBrowser的上下文菜单

    Width = 600

    Height = 350

    ScrollBarsEnabled = False;不显示滚动条

    WebBrowserShortcutsEnabled = False;不显示WebBrowser的快捷菜单。

  在Form的Actived的事件中,添加如下代码,默认显示第一个图表

    WebBrowser1.Navigate(Application.StartupPath & "\Line2D.html?url=1.xml")

  在Button1的Click事件中,添加如下代码,显示第一个图表

    WebBrowser1.Navigate(Application.StartupPath & "\Line2D.html?url=1.xml")

  在Button2的Click事件中,添加如下代码,显示第二个图表

    WebBrowser1.Navigate(Application.StartupPath & "\Line2D.html?url=2.xml")

  至此,效果完成。下面是两个效果图。

  点击Button1的效果:

  点击Button2的效果:

  



      本文转自万仓一黍博客园博客,原文链接:http://www.cnblogs.com/grenet/archive/2010/03/28/1698874.html,如需转载请自行联系原作者

相关文章
|
JSON JavaScript 前端开发
震惊!JS如何悄无声息追踪你的每一步?揭秘页面访问与关闭的超级上报大法,让数据说话,优化体验不再难!
【8月更文挑战第4天】在Web开发中,跟踪用户行为对提升体验与留存至关重要。本文以在线学习平台为例,介绍如何用JavaScript监听页面访问及关闭,并上报数据。通过`window.onload`监测页面加载,记录用户访问;利用`navigator.sendBeacon`在用户离开时发送少量数据至服务器,无需担心请求失败。需注意隐私合规、性能影响及浏览器兼容性。此技术有助于深入理解用户行为,为产品迭代提供依据。
386 8
|
Java API UED
探索研究Servlet 异常处理
【9月更文挑战第25天】
142 0
|
分布式计算 Hadoop
|
存储
Servlet 教程 之 Servlet 异常处理 4
Servlet异常处理涉及六大请求属性:1) status_code(Integer类型,表示状态码);2) exception_type(Class类型,异常类型信息);3) message(String类型,具体错误消息);4) request_uri(String类型,调用Servlet的URL);5) exception(Throwable类型,异常详情);6) servlet_name(String类型,Servlet名称)。这些属性帮助分析和处理错误。
150 0
|
数据库
C#Winform使用NPOI获取word中的数据
C#Winform使用NPOI获取word中的数据
329 2
|
Java 应用服务中间件 容器
SpringBoot 各种 Web 容器服开启 AccessLog 日志
SpringBoot 各种 Web 容器服开启 AccessLog 日志
487 0
|
C# 数据安全/隐私保护
ApeForms | C# WinForm窗体控件平滑减速运动
在桌面软件开发中,有时会需要控制窗体或控件移动以实现某些界面效果,比如幻灯片换页、侧面的展开栏等。 通常情况下我们会使用Timer以每隔一段时间修改一下坐标位置的方式来实现目标对象的位移效果,但通过这个方式实现的动效存在几个问题: 匀速运动效果生硬; 运动过程中不便灵活改变运动状态(如侧栏展开一半时令其收起); 动效多时需要创建多个Timer对象,不易管理且占用资源; ApeForms中为控件和窗体提供了平滑运动的扩展方法,很好的解决了这些问题。不仅是坐标的平滑运动,还有控件\窗体尺寸的平滑变化、透明度的平滑变化。允许在变化的中途随时更改目标坐标\尺寸\透明度,且使用共享的Timer
11547 1
ApeForms | C# WinForm窗体控件平滑减速运动
|
Java Spring
【新手指南】严重: Exception sending context initialized event to listener instance of class
【新手指南】严重: Exception sending context initialized event to listener instance of class
837 0
【新手指南】严重: Exception sending context initialized event to listener instance of class
|
Android开发 数据安全/隐私保护 开发者
ApeForms | C#WinForm弹出简易的消息提示框 (仿Android Toast消息提示)
在使用手机的时候经常会见到屏幕的中下方会弹出消息提示框,它就是Toast。 ApeForms中也实现了非常简洁易用Toast,与Android的Toast不同的是,ApeForms允许开发者设置不同的弹出模式。此外还针对PC端有鼠标的情况进行了改进,当鼠标悬停于消息弹出框之上时弹出框不会消失。
597 0
ApeForms | C#WinForm弹出简易的消息提示框 (仿Android Toast消息提示)