首页 > 语言 > 关键词  > asp最新资讯  > 正文

用ASP制作饼图、柱状图等

2008-04-25 10:17 · 稿源:新云

我们工作中经常需要将数据转化成柱状图,饼图等,以方便直观的分析数据, 这里给大家介绍一个ASP中制作饼图、柱状图的组件:csDrawGraph,csdgt.zip,因为是组件,所以我们在使用之前需要用REGSVR32.EXE 注册一下,csDrawGraph,可以在ASP中创建饼图,柱状图以及线图,其支持的格式有GIF, PNG, JPG and BMP.

chartdemo.asp

以下为引用的内容:
<%@ language=vbscript %>
<html>
<head>
<title>csDrawGraph Demonstration</title>
</head>
<body bgcolor="#FFFFFF">
<P>This simple demonstration shows two graphs using the same data. The first is
a bar chart:</P>
<P align="center"><IMG src="chartimages.asp?Type=Bar" width="400" height="300">
</P>
<P align="left">The second is a pie chart. The background colour is set to light
grey to show the overall size of the image.</P>
<P align="center"><IMG src="chartimages.asp?Type=Pie" width="400" height="300">
</P>
</body>
</html>

chartimages.asp

以下为引用的内容:

<%@ language=vbscript %>

<%
Response.Expires = 0
Response.Buffer = true
Response.Clear
Response.ContentType = "Image/Gif"

Set Chart = Server.CreateObject("csDrawGraphTrial.Draw")


Chart.AddData "NO> 1", 17, "ff0000"
Chart.AddData "NO> 2", 28, "00ff00"
Chart.AddData "NO> 3", 5, "0000ff"

If Request.QueryString("Type") = "Pie" Then
Chart.Title = "Sample Pie Chart"
Chart.BGColor = "eeeeee"
Chart.LabelBGColor = "eeeeee"
Chart.TitleBGColor = "eeeeee"
Response.BinaryWrite Chart.GifPie
Else
Chart.Title = "Sample Bar Chart"
Response.BinaryWrite Chart.GifBar
End If

Response.End
%>

程序很简单,再些不详细说明,下面看一个将数据库中的数据转换到图表的例子:

lines.asp:

以下为引用的内容:

<html>
<head>
<title>Line graph showing all the results</title>

</head>

<body>
<table align=center width=400>
<tr><td colspan=4><img src="gif_lines.asp" width=400 height=300></td></tr>
</table>
<p>Links to the other result pages:</p>
<p><a href=barsbyday.asp>Bar chart showing all results for any one day</a>.</p>
<p><a href=barsbycolour.asp>Bar charts showing results for each colour separately</a>.</p>
</body>
</html>


gif_lines.asp:

以下为引用的内容:
<%@ language=vbscript %>
<%
'利用数据库中的数据生成线图。
'根据4个不同的值分别生成4条线。
'在X轴上显示星期的名称。

Response.Expires = 0
Response.Buffer = true
Response.Clear

'利用下面的语句创建chart对象,版本不同会有所差异。
'Set Chart = Server.CreateObject("csDrawGraph.Draw")
Set Chart = Server.CreateObject("csDrawGraphTrial.Draw")

ConnectionString = "PROVIDER=MICROSOFT.JET.OLEDB.4.0;DATA SOURCE=" & _
Server.Mappath("data.mdb")
Set DBConn = Server.CreateObject("ADODB.Connection")
DBConn.Open ConnectionString
Set RS = Server.CreateObject("ADODB.Recordset")
SQL = "SELECT * FROM Table1 ORDER BY Day"
RS.Open SQL, DBConn

While Not RS.Eof
Chart.AddPoint CInt(RS("Day")), CInt(RS("Red")), "ff0000", "Red"
Chart.AddPoint CInt(RS("Day")), CInt(RS("Blue")), "0000ff", "Blue"
Chart.AddPoint CInt(RS("Day")), CInt(RS("Green")), "00ff00", "Green"
Chart.AddPoint CInt(RS("Day")), CInt(RS("Yellow")), "ffff00", "Yellow"
Chart.AddXValue CInt(RS("Day")), RS("DayName")
RS.MoveNext
Wend

'关闭数据库连接
RS.Close
DBConn.Close

'下面设置组件属性
'X轴坐标从1开始而不是0。(XOffset = 1)

Chart.Title = "All the combined results"
Chart.TitleX = 100
Chart.YAxisText = "Total for each day"
Chart.OriginY = 220
Chart.XOffset = 1
Chart.XTop = 7
Chart.XGrad = 1
Chart.UseXAxisLabels = true
Chart.LineWidth = 2
Chart.PointSize = 3
Chart.PointStyle = 1

'最后图片以GIF格式发送到浏览器
Response.ContentType = "image/gif"
Response.BinaryWrite Chart.GIFLine
Response.End
%>


举报

  • 相关推荐
  • 豆包App视觉推理升级 支持图片思考

    豆包App近期升级视觉推理能力,支持在思维链中运用图像思考。用户上传图片提问时,豆包能主动分析图片内容,智能放大局部细节确保不遗漏关键信息。对于复杂图片,还能智能裁剪并调用搜图功能提供更准确结果。升级后的豆包可智能调用多种工具辅助分析图片,无论是日常识物、商品查询,还是工作学习中分析图表、专业图片,都能给出更精准实用的答案。据悉,豆包是国内首个实现这一能力的产品,用户可免费体验。

  • 谷歌Pixel 10 Pro XL渲染图曝光:两大配色 8月20日发布

    谷歌Pixel 10 Pro XL的官方宣传渲染图近日曝光,新机将于8月20日发布,还剩不到2周的时间。 此次谷歌Pixel 10 Pro XL提供了月石”(Moonstone)和黑曜石”(Obsidian)两种配色,分别呈现柔和的浅灰蓝色调和经典的暗灰配金属高光边框设计。 机身右侧依旧是电源键与音量键组合,背部为横向延展的胶囊形三摄模组,内含闪光灯及红外温度传感器,整体厚度与重量与上代基本一致。 �

  • 奥特曼发布免费用GPT-5!基准图错误遭全网吐槽 马斯克也拆台了

    当地时间8月7日,OpenAI 推出全新人工智能模型 GPT-5。 据悉,GPT-5是OpenAI的首个统一”人工智能模型,它融合了o系列模型的推理能力以及GPT系列快速响应的优势。 借助GPT-5,ChatGPT能够代表用户完成多种任务,例如生成软件应用、管理用户日程或创建研究简报。 并且,GPT-5将作为默认模型向所有ChatGPT免费用户开放,用户也能借此体验深度推理功能。 不过,据媒体机器之心Pro”

  • 苹果折叠iPhone渲染图再曝光:预计明年9月发布 售价1999美元

    摩根大通在最新发布的报告中透露了一则重磅消息:苹果公司计划于2026年9月正式推出其首款折叠屏iPhone,该设备将被纳入iPhone18系列。这一消息瞬间引发了科技界的广泛关注与热议。 据报告,苹果为这款折叠屏iPhone定出了1999美元的高价,约合人民币14343元。尽管价格不菲,但摩根大通对其市场前景十分看好,认为该产品将为苹果创造高达650亿美元的市场机会,并且在中期有望�

  • 从回收到再生:中国家电巨头的绿色闭环实践图谱

    中国家电行业积极构建废旧家电回收闭环体系。全国每年产生1-1.2亿台报废家电,但回收市场混乱导致资源浪费和环境污染。海尔智家创新"五网融合"回收模式,通过自建物流、门店回收和"海鲸绿色回收"平台实现全生命周期闭环;美的推出"美云收"平台,建立可视化回收系统,全国布局40个集散中心;格力打造"明珠绿回收"系统,建成覆盖全国95%的逆向物流网络。头部企业通过"互联网+回收"、以旧换新等多渠道,构建起覆盖"收、运、拆、用"全环节的绿色管理体系,推动行业从被动合规转向主动创新,为"双碳"目标实现探索新路径。

  • 曝iPhone 18相机巨变:首发三星全新图像传感器

    据媒体报道,三星在得克萨斯州的一家工厂为即将推出的iPhone生产下一代图像传感器芯片,这标志着三星将会打破索尼在果链一家独大的局面,是苹果历史上的一次重大转变。 爆料称这颗芯片是三层堆叠图像传感器,通过垂直堆叠多个传感器层,能实现更高的像素密度和更出色的暗光性能,堆叠传感器架构还能提高读取速度、降低功耗并提升动态范围,这种制造工艺尚未实现

  • 小米SU7升级“截图导航”功能 iPhone用户太方便了

    小米SU8推出全新"截图导航"功能,针对苹果用户优化使用体验。该功能允许iPhone用户直接分享含地址信息的截图至小米汽车APP,系统将自动识别并规划导航路线。数据显示超50%的小米SU7车主为苹果用户,为此小米特别开发了这一便捷功能。此外,SU7还支持多种导航流转方式,包括高德地图同账号同步、微信地址分享等,实现手机与车机的无缝衔接。这一创新极大简化了导航设置流程,提升了出行效率。

  • 双健康战略驱动!扬子江药业绘就全民健康生态新图景

    文章聚焦大健康产业转型,以扬子江药业为例,展现从"疾病治疗"向"健康维护"的战略升级。企业通过"药食同源"创新产品矩阵,如黄精咖啡等爆款,将中医药融入现代生活;针对Z世代推出场景化产品,结合AI问诊等科技赋能健康服务;同时打造《国学遇见国医》等科普IP,以年轻化方式传播中医养生智慧。这些创新实践构建了"预防-治疗-康复"全周期健康生态,彰显民营药企在健康中国建设中的主动担当。

  • 淘宝天下入选《TopDigital2025全球AI营销图谱》

    7月29日,淘宝天下凭借AI服务平台"淘宝AI智+"的创新实践,成功入选《TopDigital2025全球AI营销图谱》"智能分析与决策"赛道。该平台整合淘宝生态数据资源,构建覆盖数据分析、智能营销、内容生成等全链路的AI解决方案体系,通过模块化设计降低使用门槛,帮助商家实现降本增效。平台还提供深度定制开发服务,推动AI能力与业务场景有机融合。此次入选标志着淘宝天下在AI技术创新与商业应用方面的成果获得行业认可。团队表示将持续聚焦AI技术实用价值转化,拓展电商营销领域的创新应用场景。

  • 国省道自驾神器!高德地图首发上线公路驿站导航:找厕所方便了

    在国道、省道长途开车最怕啥?相信很多司机都怕憋到崩溃找不到厕所,或是开累了没有安全地方休息。 今日,高德地图宣布首发上线全国(公路驿站)导航,号称是国省道、自驾游必备神器”。 该导航专攻国省道和旅游公路,覆盖全国近300城,在高德地图搜索公路驿站”即可一键导航。