TeeChart图表在浏览器页面的应用 TeeChart图表解决方案数据可视化方案javascripthtml5
最近的消息称微软的新导航、Edge包含Windows 10在内正在停止对ActiveX的支持。似乎在暗示主流浏览器停止对ActiveX的支持。
几年前支持ActiveX是IE浏览器最主打的功能元素之一,但它存在许多安全隐患,为了应对这一问题,许多使用ActiveX组件的应用都已完全转移出浏览器或使用其他的格式,如:ASP.NET,Java Applets或Javascript/HTML5。本文将讨论一些当前可用的版本。
-
浏览器页面上的静态图表
TeeChart的所有版本都能够作为一个服务器端组件运行,并生成一个静态渲染的图表图像以响应任何动态输入,查询或网页形式的交互。并且能够快捷有效的响应。虽然静态图表没有为用户提供交互性使用的应用程序,但交互性图表并不总是必需的,静态图表在有效的浏览器页面格式总占有一席之地。 -
浏览器页面上的交互图表
浏览器页面的交互图表允许用户对图表进行操作,通过缩放或滚动修改图表,或通过点击或触摸图表返回更多信息,或向下钻取以获得更多详细信息。
下面介绍各版本的TeeChart产品在浏览器页面上提供的交互式图表功能。
TeeChart for .NET – ASP.NET和WebForm应用
TeeChart for .NET提供了一个放置在WebForm的WebChart。通过在Visual Studio IDE中的图表编辑器设计的可编辑图表,可在多种交互模式下运行:
-
静态图表:以png,jpg或gif格式渲染的图表来响应ASP.NET页面查询。虽然没有为用户提供交互式体验,但在图表周围放置了一些选项,如复选框来生成一个新的图表或视图。
-
交互式Ajax驱动的Javascript图表:页面本地鼠标点击交互或服务器钻取交互。图标可通过鼠标缩放或通过滚动条滚动。页面上的Javascript允许多种影响图表响应交互的增强功能。这个交互层面的用户体验应该算是中等至良好水平了。
-
交互式HTML5 Canvas驱动的图表:设计时编辑选项还是和以前保持一样,但图表渲染在一个完全由交互式HTML5 Javascript驱动的Canvas上,这允许页面端javascript来控制某些方面的图表体验,并反馈给服务器端模块。不是所有的TeeChart for .NET的Series类型都可以被渲染到HTML5。就交互而言的用户体验是一个非常高的水平,因为HTML5图表是页面上可以在运行时完全访问TeeChart的Javascript图表库的灵活组件。
TeeChart for Javascript, HTML5应用
TeeChart for Javascript是一个纯粹为网络浏览器而设计的组件。这个版本的TeeChart,也被称为TeeChart for HTML5,由HTML设计器(记事本也行)设计,并且拥有高水平的交互,页面上的图表可完全动态访问完整的TeeChart for HTML5组件库。HTML5图表可访问几乎所有的平台,几乎所有本机支持Javascript和HTML5画布的主流浏览器。
TeeChart for Java, Servlet和Applet应用
TeeChart for Java驱动的网页浏览器应用可在浏览器页面查看,就像一个Java小程序一样。Java小应用程序实际上是在浏览器页面上的独立应用程序,并提供多种功能和操作,与TeeChart ActiveX的许多方面很相似。因此如果你打算采取TeeChart到浏览器的方法使用Java Applets来启动一个新项目,建议你首先检查浏览器的支持和认证要求的现状。
Java Servlet在服务器运行并能够将静态图表作为图像返回给客户端浏览器的应用程序以响应动态请求。
TeeChart for VCL
TeeChart for VCL可通过Delphi的ActiveForm技术实现浏览器页面的完全交互图表。由于ActiveForm是ActiveX控件,因此Edge浏览器包括Windows 10在内都将停止对它的支持,因此建议你在开发新项目时先确认一下该浏览器平台是否可用。
TeeChart for VCL同样也支持输出为HTML5,从而提供浏览器页面上的完全实况图表。HTML5输出仅支持一部分Series类型。
TeeChart for PHP
TeeChart for PHP旨在提供静态或动态格式的图表以响应Web服务器的动态请求。目前支持的动态格式是HTML5,并且TeeChart for PHP与TeeChart for HTML5创建javascripted客户端原理一致,完全交互式的图表。
TeeChart for ActiveX, ASP应用
TeeChart for ActiveX在这篇文章的开头就进行了讨论。它是将Web应用程序交付到浏览器非常强大的方式,与浏览器页面上的桌面应用非常相似。曾经只有IE浏览器ActiveX,并且还对它的公共性进行限制。默认浏览器、Edge逐步取消对ActiveX的支持,Windows10也最好避免,因为它正在考虑新的浏览器应用。TeeChart for ActiveX仍然是几乎所有其它COM兼容容器的非常有用的工具,可用于在javascript增强热点的浏览器页面创建静态图表。
或者,TeeChart for ActiveX版本仍可在几乎所有浏览器的HTML5中用于生成实时、交互式图表。注意HTML5输出仅支持一部分Series类型。