没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:龚雪|2014-05-28 09:23:56.000|阅读 680 次
概述:本文主要介绍如何使用FusionCharts ASP Class功能并创建图表。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
FusionCharts可与ASP一同使用以绘制动态数据驱动图表。使用FusionCharts ASP Class来渲染图表变得更加容易。接下来,我们一起来看看如何使用FusionCharts ASP Class功能并创建图表。
注意:本文中所讨论的代码都包含在Download Package > Code > ASPClass > BasicExample文件夹中。
创建简单图表
接下来,我们创建第一个图表。在本示例中,我们将创建一个 "Monthly Unit Sales"图表。
运行代码,将会出现如图所示的图表效果:
创建一个带有外部XML文件的图表
现在,我们将以另外一种方式创建相同的图表。此时,我们将使用两个不同的程序。一个程序利用FusionCharts ASP Class创建图表XML,另外一个程序借助于Data URL方法利用该XML来渲染图表。 Data.asp 文件中的代码可创建XML,而 SimpleChart.asp文件利用XML渲染图表。
Data.asp文件中的代码类似于上例中的代码,唯一不同的是,它不渲染代码,而是将XML流向SimpleChart.asp文件。
<%@LANGUAGE="VBSCRIPT"%> <% option explicit %> <% 'We have included ../../Includes/FusionCharts_Gen.asp - FusionCharts ASP Class 'to help us easily embed the charts. %> <!--#include file="../../Includes/FusionCharts_Gen.asp"--> <% 'This page demonstrates the ease of generating charts using FusionCharts ASPClass. 'We created a FusionCharts object instance 'Set chart values and configurations and returns the XML using getXML() function 'and write it to the response stream to build the XML 'Here, we have kept this example very simple. dim FC ' Create FusionCharts ASP class object set FC = new FusionCharts ' Set chart type to column 3d call FC.setChartType("column3D") dim strParam ' Define chart attributes strParam="caption=Monthly Unit Sales;xAxisName=Month;yAxisName=Units;decimals=0; formatNumberScale=0;showLabels=1" ' Set chart attributes call FC.setChartParams(strParam) ' Add chart data values and category names call FC.addChartData("462","label=Jan","") call FC.addChartData("857","label=Feb","") call FC.addChartData("671","label=Mar","") call FC.addChartData("494","label=Apr","") call FC.addChartData("761","label=May","") call FC.addChartData("960","label=Jun","") call FC.addChartData("629","label=Jul","") call FC.addChartData("622","label=Aug","") call FC.addChartData("376","label=Sep","") call FC.addChartData("494","label=Oct","") call FC.addChartData("761","label=Nov","") call FC.addChartData("960","label=Dec","") 'set content type as XML Response.ContentType ="text/xml" 'Return the chart XML for Column 3D Chart Response.Write(FC.getXML()) %>
接下来,我们一起来看看SimpleChart.asp功能:
输出结果和上例相同:
使用JavaScript渲染器创建简单图表:
FusionCharts允许你创建纯JavaScript图表,无需Flash。针对上述代码并做相应修改后,可实现上述相同的图表,代码片段如下:
' Create FusionCharts ASP class object set FC = new FusionCharts ' Set chart type to column 3d call FC.setChartType( "column3D" ) ' Set JavaScript renderer FC.setRenderer( "javascript" ) ...
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:慧都控件网本教程将为大家介绍如何使用MyEclipse创建一个WEB项目,欢迎下载最新版IDE体验!
本文主要介绍如何使用DevExpress WPF Grid控件实现节点(Nodes)的遍历,欢迎下载最新版组件体验!
AG Grid 是一个与框架无关的数据网格,它为 React、Angular、Vue 和 Vanilla JS 提供官方支持,本文将重点介绍一些可以使用 AG Grid 添加到应用程序的特性和功能的示例,以及现场演示和示例代码。
从 2025.2 版本开始,用于仪表板创建的 Stimulsoft 产品引入了InclusionMode属性,我们将在本文中对其进行探讨。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号