结合JQuery Flot组件的工业动态数据Web监控-报表打印-科瑞特软件

推荐文章
热门文章

结合JQuery Flot组件的工业动态数据Web监控

作者：佚名　日期：2010年08月16日　来源：互联网浏览：次

核心提示：Flot组件是Google Code上一个基于JQuery的图形组件， http://code.google.com/p/flot/ 基于这个组件，用ASP.NET以AJAX方式通讯，实现了工业实时动态数据Web图像的显示。原理就是参照Flot组件例子中的ajax.html，在后

Flot组件是Google Code上一个基于JQuery的图形组件，

http://code.google.com/p/flot/

基于这个组件，用ASP.NET以AJAX方式通讯，实现了工业实时动态数据Web图像的显示。

原理就是参照Flot组件例子中的ajax.html，在后台的ashx代码里，将实时数据组合为JSON格式，通过ajax方式发送给Flot组件，

以实现了动态的效果。测试表明，对性能的要求不高，而且客户端不需要任何组件，这是比SVG和Flash/Flex等方式优越的地方。

关键代码如下（效果是一秒钟数据变化一下，测试代码中是随机数，可以改成监控实时数据）：

Default.aspx

view plaincopy to clipboardprint?
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<%@ Register assembly="System.Web.Entity, Version=3.5.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" namespace="System.Web.UI.WebControls" tagprefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    
    <mce:script language="javascript" type="text

1 2 3 4 5 6 7 8 下一页

上一篇文章：Crystal Report打印(1)
下一篇文章：没有了