基于vml生成web統(tǒng)計(jì)圖表的研究與實(shí)現(xiàn)論文

1、.PAGE ：.；梧 州 學(xué) 院畢 業(yè) 論 文 論文標(biāo)題 基于VML生成WEB統(tǒng)計(jì)圖表 的研討與實(shí)現(xiàn) 系 別 計(jì)算機(jī)與電子信息工程系 專(zhuān) 業(yè) 計(jì)算機(jī)科學(xué)與技術(shù) 班 級(jí) 學(xué) 號(hào) 學(xué)生姓名 指點(diǎn)教師簽名 完成時(shí)間 年 月摘要 計(jì)算機(jī)圖形學(xué)是計(jì)算機(jī)科學(xué)最活潑的分支之一，它伴隨著計(jì)算機(jī)科學(xué)技術(shù)的開(kāi)展而開(kāi)展。如今，計(jì)算機(jī)圖形學(xué)曾經(jīng)深深的扎根于現(xiàn)代社會(huì)的各個(gè)方面，被廣泛運(yùn)用于計(jì)算機(jī)動(dòng)畫(huà)、科學(xué)計(jì)算可視化、CAD/CAM、影視文娛等領(lǐng)域。VML是一門(mén)全新的圖形編程言語(yǔ), 相當(dāng)于IE里面的畫(huà)筆，而且結(jié)合腳本，可以讓圖形產(chǎn)生動(dòng)態(tài)的效果，同時(shí)也是未來(lái)D網(wǎng)頁(yè)制造的主要編程言語(yǔ)之一。本文經(jīng)過(guò)基于VML生成WEB統(tǒng)計(jì)圖表

2、的研討與實(shí)現(xiàn)，著重論述了如何利用VML言語(yǔ)實(shí)如今線(xiàn)繪制幾何矢量圖形并實(shí)現(xiàn)圖形算法。本文首先對(duì)Web圖表開(kāi)發(fā)主要的GML、SVG、VML這三種言語(yǔ)進(jìn)展比較,然后運(yùn)用IE .提供的VML解析器,闡明VML的根本語(yǔ)法,討論運(yùn)用VML等技術(shù)實(shí)現(xiàn)Web圖形系統(tǒng)的能夠性,同時(shí)給出了一些原型實(shí)例。關(guān)鍵詞: 矢量圖形 VML 動(dòng)態(tài)腳本 The research and achievement about the VML language to create spatial web chartAbstractWith the development of computer technology, compute

3、r graphic is a branch of one the most active science. Today computer graphic has been deeply rooted in all aspects of modern society and is widely used in animation, scientific visualization, CAD/CAM, video detainment, and other fields.The VML language is a new graphic program. It s a marking progra

4、m language like a paint or on IE and only can be carried out by IE. as well as up of . edition. You can draw sketches that you want and get the sketch dynamic result.To create the spatial web chart. GML、SVG、VML are compared firstly. Some basic semantics are explained by u sing the VML render provide

5、d by IE ., and possibility of using VML and other techniques to implement Web graphic system is researched. At the same time, some pro type examples are given.Key words: vector graphics vector markup language dynamical scripts目錄 TOC o - h z u HYPERLINK l _Toc 第一章 前言 PAGEREF _Toc h HYPERLINK l _Toc .

6、 研討的背景 PAGEREF _Toc h HYPERLINK l _Toc . 研討的目的 PAGEREF _Toc h HYPERLINK l _Toc . 研討的內(nèi)容 PAGEREF _Toc h HYPERLINK l _Toc 第二章 可行性研討分析 PAGEREF _Toc h HYPERLINK l _Toc . Web數(shù)據(jù)庫(kù)運(yùn)用系統(tǒng) PAGEREF _Toc h HYPERLINK l _Toc . Web信息系統(tǒng)的開(kāi)展 PAGEREF _Toc h HYPERLINK l _Toc . Web圖表開(kāi)發(fā)運(yùn)用言語(yǔ)的定義 PAGEREF _Toc h HYPERLINK l _To

7、c . 基于GML、SVG、VML這三種言語(yǔ)的比較 PAGEREF _Toc h HYPERLINK l _Toc 第三章 目前的主要技術(shù) PAGEREF _Toc h HYPERLINK l _Toc . HTML與ASP的結(jié)合 PAGEREF _Toc h HYPERLINK l _Toc . VML言語(yǔ) PAGEREF _Toc h HYPERLINK l _Toc 第四章VML的根本用法 PAGEREF _Toc h HYPERLINK l _Toc . VML根本語(yǔ)法 PAGEREF _Toc h HYPERLINK l _Toc . VML的常用標(biāo)志 PAGEREF _Toc h

8、HYPERLINK l _Toc . 圖形與圖像算法在VML中的實(shí)現(xiàn) PAGEREF _Toc h HYPERLINK l _Toc . ASP結(jié)合VML動(dòng)態(tài)開(kāi)發(fā)原理 PAGEREF _Toc h HYPERLINK l _Toc 第五章 程序?qū)崿F(xiàn) PAGEREF _Toc h HYPERLINK l _Toc .義務(wù)概述 PAGEREF _Toc h HYPERLINK l _Toc .用戶(hù)的特點(diǎn) PAGEREF _Toc h HYPERLINK l _Toc .需求規(guī)定 PAGEREF _Toc h HYPERLINK l _Toc . Web統(tǒng)計(jì)圖表的實(shí)現(xiàn)： PAGEREF _Toc h

9、 HYPERLINK l _Toc . Web統(tǒng)計(jì)圖表的開(kāi)發(fā)與設(shè)計(jì)： PAGEREF _Toc h HYPERLINK l _Toc . 運(yùn)轉(zhuǎn)環(huán)境規(guī)定 PAGEREF _Toc h HYPERLINK l _Toc . 實(shí)現(xiàn)程序?qū)嵗?PAGEREF _Toc h HYPERLINK l _Toc . VML網(wǎng)頁(yè)畫(huà)圖畫(huà)板： PAGEREF _Toc h HYPERLINK l _Toc .學(xué)生選課投票統(tǒng)計(jì)：D餅型圖轉(zhuǎn)換為D柱型圖 PAGEREF _Toc h HYPERLINK l _Toc .電壓合格率實(shí)時(shí)曲線(xiàn)走勢(shì)圖：D曲線(xiàn)圖 PAGEREF _Toc h HYPERLINK l _Toc

10、. web綜合圖表的實(shí)現(xiàn)ASP+VML的結(jié)合： PAGEREF _Toc h HYPERLINK l _Toc 第六章 總結(jié)與展望 PAGEREF _Toc h HYPERLINK l _Toc . 總結(jié) PAGEREF _Toc h HYPERLINK l _Toc . 展望 PAGEREF _Toc h HYPERLINK l _Toc 參考文獻(xiàn) PAGEREF _Toc h HYPERLINK l _Toc 附錄 PAGEREF _Toc h HYPERLINK l _Toc 致謝 PAGEREF _Toc h 第一章 前言. 研討的背景隨著Internet信息系統(tǒng)逐漸向Web的遷移和基

11、于Web的電子商務(wù)系統(tǒng)的開(kāi)展，Web設(shè)計(jì)和開(kāi)發(fā)人員曾經(jīng)越來(lái)越將留意力集中到Web運(yùn)用程序上，而非最初的Web內(nèi)容創(chuàng)作和編輯排版。Web運(yùn)用程序更關(guān)注的是數(shù)據(jù)以及如何將數(shù)據(jù)抽取成信息、將信息轉(zhuǎn)化成知識(shí)以為管理提供協(xié)助 。管理者需求以更直觀(guān)、更籠統(tǒng)的可視化方式將數(shù)據(jù)抽取為信息，然后根據(jù)本人的了解將信息轉(zhuǎn)化成知識(shí)。Web圖表是一種很好的將對(duì)象屬性數(shù)據(jù)直觀(guān)、籠統(tǒng)地“可視化的手段?？梢暬疺isualization技術(shù)使得人們可以在三維圖形世界中直接對(duì)具有形體的信息進(jìn)展操作，和計(jì)算機(jī)直接交流。這種技術(shù)曾經(jīng)把人和機(jī)器的力量以一種直覺(jué)而自然的方式加以一致，這種革命性的變化無(wú)疑將極大地提高人們的任務(wù)效率?？梢暬?/p>

12、技術(shù)賦予人們一種仿真的、三維的并且具有實(shí)時(shí)交互的才干，這樣人們可以在三維圖形世界中用以前不可想象的手段來(lái)獲取信息或發(fā)揚(yáng)本人發(fā)明性的思想。計(jì)算機(jī)圖形學(xué)是計(jì)算機(jī)科學(xué)領(lǐng)域中的一個(gè)重要而又年輕的學(xué)科，它是隨著計(jì)算機(jī)硬件特別是圖形顯示設(shè)備的開(kāi)展而逐漸產(chǎn)生開(kāi)展起來(lái)的。隨著計(jì)算機(jī)網(wǎng)絡(luò)的不斷開(kāi)展，圖形圖像更多的在Web中運(yùn)用，由于用圖形圖像表達(dá)各種信息，其容量大、直觀(guān)方便，更符合人們察看了解事物運(yùn)動(dòng)規(guī)律的習(xí)慣，研討實(shí)現(xiàn)Web統(tǒng)計(jì)圖表尤為適宜人們的需求。目前，計(jì)算機(jī)圖形學(xué)在工業(yè)、商業(yè)、軍事、教育和影視文娛等各個(gè)領(lǐng)域得到了廣泛運(yùn)用，已成為計(jì)算機(jī)科學(xué)中開(kāi)展最快、影響最大的學(xué)科之一，并在運(yùn)用中日益顯示出其重要性和不可

13、替代性。所以，圖形圖像的研討必將在許多科學(xué)領(lǐng)域內(nèi)有其深遠(yuǎn)的影響和意義。. 研討的目的本次研討是基于VML言語(yǔ)生成Web統(tǒng)計(jì)圖表的研討與實(shí)現(xiàn)，深化研討實(shí)現(xiàn)Web統(tǒng)計(jì)圖表技術(shù)，分析VML與其他技術(shù)比較所具備的優(yōu)點(diǎn)，討論Web圖表的根本實(shí)際和設(shè)計(jì)原那么，并給出詳細(xì)的實(shí)現(xiàn)方法，使得用戶(hù)和管理者對(duì)VML言語(yǔ)生成Web統(tǒng)計(jì)圖表的廣泛運(yùn)用有比較深化的認(rèn)識(shí)。作為一門(mén)專(zhuān)業(yè)的Web繪圖編程言語(yǔ)VML(The Vector Markup Language)矢量可標(biāo)志言語(yǔ)是微軟公司于年月附帶IE.發(fā)布的。這是一門(mén)全新的圖形編程言語(yǔ)，雖然目前業(yè)界關(guān)注的人士比較少但隨著Web運(yùn)用的不斷開(kāi)展，這種以文本方式存儲(chǔ)圖形的標(biāo)志言

14、語(yǔ)已呈現(xiàn)出它不可抵擋的優(yōu)勢(shì)和魅力。它相當(dāng)于IE里面的畫(huà)筆，而且結(jié)合腳本，可以讓圖形產(chǎn)生動(dòng)態(tài)的效果，同時(shí)也是未來(lái)D網(wǎng)頁(yè)制造的主要編程言語(yǔ)之一。Web 數(shù)據(jù)庫(kù)運(yùn)用系統(tǒng)中 ,有時(shí)需求有一些統(tǒng)計(jì)數(shù)據(jù)圖形給用戶(hù)傳達(dá)準(zhǔn)確 、直觀(guān)的數(shù)據(jù)信息 。利用 HTML 來(lái)添加圖形的傳統(tǒng)做法 ,由于受存儲(chǔ)方式限制 ,其下載速度慢 ,且不能進(jìn)展放大 、減少等功能 。單純采用 HTML 不能很好地表示矢量圖形 ,不能處理這方面的問(wèn)題 。采用 VML 可以為這一問(wèn)題提供合理的處理方案 。利用 VML 結(jié)合 ASP 訪(fǎng)問(wèn)數(shù)據(jù)庫(kù) ,動(dòng)態(tài)生成客戶(hù)端腳本 ,繪制出矢量圖形 。結(jié)果闡明采用這種方式可以充分發(fā)揚(yáng) ASP 的優(yōu)勢(shì) ,并能表

15、示出籠統(tǒng)生動(dòng) 、可放大減少而不影響圖像質(zhì)量的矢量圖形 。最后結(jié)合一個(gè)實(shí)例 ,繪制了數(shù)據(jù)項(xiàng)統(tǒng)計(jì)比較走勢(shì)圖 ,具有較強(qiáng)的表現(xiàn)力 。充分闡明采用VML 繪制矢量圖形具有極大的優(yōu)勢(shì) 。. 研討的內(nèi)容.本次預(yù)期研討的重點(diǎn)是：()研討實(shí)現(xiàn)WEB統(tǒng)計(jì)圖表的技術(shù)，分析VML與其他技術(shù)比較所具備的優(yōu)點(diǎn)。()用VML實(shí)現(xiàn)柱形圖，餅形圖，曲線(xiàn)走勢(shì)圖等效果。.研討的難點(diǎn)是：做一個(gè)VML網(wǎng)頁(yè)畫(huà)圖畫(huà)板，能實(shí)現(xiàn)動(dòng)態(tài)畫(huà)圖，例如可以畫(huà)直線(xiàn)，矩形，圓形，橢圓，圓形，還可以編輯文字，插入圖片等等；學(xué)生選課投票統(tǒng)計(jì)數(shù)據(jù)在web中顯示，數(shù)據(jù)是以柱形圖和餅形圖實(shí)現(xiàn)；電壓合格率實(shí)時(shí)曲線(xiàn)在web中顯示某個(gè)時(shí)段的電壓合格率；數(shù)據(jù)是以曲線(xiàn)走勢(shì)圖

16、實(shí)現(xiàn)；最后設(shè)計(jì)一個(gè)web綜合圖表的實(shí)現(xiàn)，采用ASP+VML言語(yǔ)實(shí)如今網(wǎng)頁(yè)中輸入數(shù)據(jù)，實(shí)現(xiàn)D柱形圖，餅形圖，曲線(xiàn)走勢(shì)圖年度統(tǒng)計(jì)等效果。第二章 可行性研討分析. Web數(shù)據(jù)庫(kù)運(yùn)用系統(tǒng)在Web數(shù)據(jù)庫(kù)運(yùn)用系統(tǒng)的開(kāi)發(fā)過(guò)程中,需求給用戶(hù)提供直觀(guān) 、美觀(guān)的諸如柱型圖、餅圖、實(shí)時(shí)曲線(xiàn)圖等的數(shù)據(jù)統(tǒng)計(jì)圖,運(yùn)用戶(hù)可以方便地查看數(shù)據(jù)分布、變化的實(shí)時(shí)過(guò)程。在常用的網(wǎng)絡(luò)編程言語(yǔ)中,通常采用其內(nèi)植的繪圖 API來(lái)實(shí)現(xiàn)統(tǒng)計(jì)圖形的繪制。但是其存在著明顯的缺陷:通常產(chǎn)生 GIF 或 JPG 等類(lèi)型的圖片 ,與 Web 其他部分不能很好地交融 ;圖片下載速度較慢 ;非矢量圖形不能隨意放大或者減少比較容易失真;重用性差。矢量圖具有不

17、受設(shè)備分辨率影響、顯示畫(huà)面明晰、可對(duì)圖像無(wú)限縮放而不會(huì)影響圖像質(zhì)量的優(yōu)點(diǎn) 。傳統(tǒng)的言語(yǔ)不能很益處理這方面的問(wèn)題 ,而運(yùn)用 VML言語(yǔ)為該問(wèn)題的處理提供了比較好的處理方案 。. Web信息系統(tǒng)的開(kāi)展隨著Internet信息系統(tǒng)逐漸向Web的遷移和基于Web的電子商務(wù)系統(tǒng)的開(kāi)展，Web設(shè)計(jì)和開(kāi)發(fā)人員曾經(jīng)越來(lái)越將留意力集中到Web運(yùn)用程序上，而非最初的Web內(nèi)容創(chuàng)作和編輯排版。Web運(yùn)用程序更關(guān)注的是數(shù)據(jù)以及如何將數(shù)據(jù)抽取成信息、將信息轉(zhuǎn)化成知識(shí)以為管理提供協(xié)助 。管理者需求以更直觀(guān)、更籠統(tǒng)的可視化方式將數(shù)據(jù)抽取為信息，然后根據(jù)本人的了解將信息轉(zhuǎn)化成知識(shí)。Web圖表是一種很好的將對(duì)象屬性數(shù)據(jù)直觀(guān)、籠

18、統(tǒng)地“可視化的手段。. Web圖表開(kāi)發(fā)運(yùn)用言語(yǔ)的定義. GML(GeographyMarkupLanguage)：是基于XML的空間信息編碼規(guī)范，由OpenGISConsortium(OGC)提出，得到了許多公司的大力支持，如Oracle、Galdos、MapInfo、CubeWerx等。. SVG(ScalableVectorGraphics)：SVG圖像是與XML.兼容的文檔，SVG元素是指示如何繪制圖像的一些指令，閱讀器(Viewer)解釋這些指令，把SVG圖像在指定設(shè)備上顯示出來(lái)。. VML(VectorMarkupLanguage)：如今系統(tǒng)IE.以上版本對(duì)VML提供支持，它編寫(xiě)簡(jiǎn)單

19、、閱讀器可以解析、與HTML等言語(yǔ)完全兼容，它更具有實(shí)踐WEB頁(yè)運(yùn)用的可行性、深層開(kāi)發(fā)的可行性。. 基于GML、SVG、VML這三種言語(yǔ)的比較Web圖表的設(shè)計(jì)和開(kāi)發(fā)主要是基于GML、SVG、VML這三種言語(yǔ)，且都是基于XML的可用來(lái)描畫(huà)矢量圖形的標(biāo)志言語(yǔ)，但它們都有各自不同的用途和特點(diǎn)：. GML(GeographyMarkupLanguage)：是基于XML的空間信息編碼規(guī)范，由OpenGISConsortium(OGC)提出，得到了許多公司的大力支持，如Oracle、Galdos、MapInfo、CubeWerx等。運(yùn)用GML，封裝的地理數(shù)據(jù)和圖形解釋是清楚分別的。. SVG(Scalab

20、leVectorGraphics)：SVG圖像是與XML.兼容的文檔，SVG元素是指示如何繪制圖像的一些指令，閱讀器(Viewer)解釋這些指令，把SVG圖像在指定設(shè)備上顯示出來(lái)。運(yùn)用SVG可以在網(wǎng)頁(yè)上顯示出各種各樣的高質(zhì)量的矢量圖形，支持很多您想象得出的功能：幾何圖形、動(dòng)畫(huà)、漸變色、濾鏡效果等。最關(guān)鍵的是，它也是完全用普通文本來(lái)描畫(huà)的！也就是說(shuō)，這是一種專(zhuān)門(mén)為網(wǎng)絡(luò)而設(shè)計(jì)的基于文本的圖像格式。. VML(VectorMarkupLanguage)：如今也只需IE.以上版本對(duì)VML提供支持。運(yùn)用VML可以在IE中繪制矢量圖形，所以有人以為VML就是在IE中實(shí)現(xiàn)了畫(huà)筆的功能。VML具有先天的優(yōu)勢(shì)，

21、它的表示方法簡(jiǎn)單，易于擴(kuò)展，支持高質(zhì)量的矢量圖形顯示，VML我覺(jué)得相當(dāng)健全(圖型質(zhì)量、輸出速度)，它編寫(xiě)簡(jiǎn)單、閱讀器可以解析、與HTML等言語(yǔ)完全兼容，它更具有實(shí)踐WEB頁(yè)運(yùn)用的可行性、深層開(kāi)發(fā)的可行性。. GML、SVG、VML這三種言語(yǔ)都與矢量圖形有著親密的關(guān)系：GML在表示實(shí)體的空間信息的同時(shí)參與了實(shí)體的其他屬性信息，是表示實(shí)體的空間信息和屬性的編碼規(guī)范，但它并不支持直接顯示圖形。而VML和SVG是在表示圖形的矢量信息同時(shí)參與了圖形的顯示信息即以什么樣的款式顯示矢量圖形，是顯示矢量圖形的兩種比較好的格式。相比之下，SVG是綜合了VML的優(yōu)點(diǎn)后推出的，是國(guó)際規(guī)范，它比VML具有更多的優(yōu)點(diǎn)，

22、也有更寬廣的前景。但由于VML有IE的支持，而SVG要想在閱讀器中顯示就需求安裝插件，在這一點(diǎn)上，VML略?xún)?yōu)于SVG，這也是我選擇用采用VML言語(yǔ)實(shí)現(xiàn)WEB統(tǒng)計(jì)圖表的緣由吧！第三章 目前的主要技術(shù)本次課題WEB統(tǒng)計(jì)圖表的研討，我主要采用VML言語(yǔ)實(shí)現(xiàn)，還會(huì)運(yùn)用到ASP動(dòng)態(tài)網(wǎng)頁(yè)、Dreamweaver開(kāi)發(fā)工具和Access數(shù)據(jù)庫(kù)。ASP是微軟公司開(kāi)發(fā)的替代CGI腳本程序的一種運(yùn)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)展交互，是一種簡(jiǎn)單、方便的編程工具，Dreamweaver開(kāi)發(fā)Web功能強(qiáng)大,支持Web運(yùn)用與開(kāi)發(fā)，Access數(shù)據(jù)庫(kù)是最常用的數(shù)據(jù)庫(kù)了，且與VML言語(yǔ)兼容較高，具有實(shí)踐運(yùn)用的可行性和深層開(kāi)發(fā)

23、的可行性。. HTML與ASP的結(jié)合. HTML言語(yǔ)HTML ( Hypertext Markup Language , 超文本標(biāo)志言語(yǔ)) ,是一種用來(lái)制造超文本文檔的簡(jiǎn)單標(biāo)志言語(yǔ) 。用HTML 編寫(xiě)的超文本文檔能獨(dú)立于各種操作系統(tǒng)平臺(tái)(如 UNIX ,WINDOWS 等) 。運(yùn)用 HTML 言語(yǔ)描畫(huà)的文件 ,需求經(jīng)過(guò) WWW 閱讀器顯示出效果 。經(jīng)過(guò) HTML 可以表現(xiàn)出圖片調(diào)用 、文字顯示等豐富多彩的設(shè)計(jì)風(fēng)格 ,可以實(shí)現(xiàn)不同頁(yè)面之間的跳轉(zhuǎn)和展現(xiàn)豐富多彩的多媒體效果等功能 。在 Microsoft 的產(chǎn)品中 ,網(wǎng)頁(yè)與數(shù)據(jù)庫(kù)結(jié)合的處理方案是 ASP。尤其在電子商務(wù)網(wǎng)站的建立方面 ,幾乎都是用A

24、SP 編寫(xiě)程序 。Active Server Pages (ASP) 是效力器端腳本編寫(xiě)環(huán)境 ,運(yùn)用它可以創(chuàng)建和運(yùn)轉(zhuǎn)動(dòng)態(tài) 、交互的 Web 效力器運(yùn)用程序 。運(yùn)用 ASP 可以組合 HTML 頁(yè) 、VBScript 腳本命令和JavaScript 腳本命令等 ,以創(chuàng)建交互的 Web 頁(yè)和基于 Web的功能強(qiáng)大的運(yùn)用程序。ASP可以運(yùn)用 ADO ( Active Data Object ,自動(dòng)數(shù)據(jù)對(duì)象) 進(jìn)展 Access 和 SQL Server 數(shù)據(jù)庫(kù)的銜接訪(fǎng)問(wèn) ,取出數(shù)據(jù)庫(kù)中的數(shù)據(jù)進(jìn)展各種操作 ,同時(shí)也能讀取其他 ODBC 兼容的數(shù)據(jù)庫(kù) 。由于A(yíng)SP是經(jīng)過(guò)效力器解析之后再向閱讀器前往數(shù)據(jù)

25、, 一切嵌入在HTML 中的程序都在效力器端執(zhí)行 ,所以有了 ASP 就不用擔(dān)憂(yōu)客戶(hù)的閱讀器能否能運(yùn)轉(zhuǎn)編寫(xiě)的代碼 。當(dāng)程序執(zhí)行終了后 ,效力器僅將執(zhí)行的結(jié)果前往給客戶(hù)閱讀器 ,這樣就減輕了客戶(hù)端閱讀器的負(fù)擔(dān) ,大大提高了交互的速度 。但是這樣導(dǎo)致一個(gè)問(wèn)題 , 運(yùn)轉(zhuǎn) ASP 頁(yè)面比普通的HTML 頁(yè)面要慢 。由于普通的 HTML 頁(yè)面只需求閱讀器就可以解析 ,而 ASP 那么必需是效力器將整頁(yè)的代碼都執(zhí)行一遍之后再發(fā)送數(shù)據(jù) 。這樣添加了效力器的負(fù)擔(dān) ,降低了客戶(hù)端的效率。為彌補(bǔ)這一缺陷 ,經(jīng)過(guò) ASP 銜接訪(fǎng)問(wèn)數(shù)據(jù)庫(kù) ,并對(duì)數(shù)據(jù)進(jìn)展操作;在客戶(hù)端采用 VML方式對(duì)獲得的數(shù)據(jù)進(jìn)展動(dòng)態(tài)矢量繪圖 。.

26、 HTML言語(yǔ)的局限性HTML以簡(jiǎn)單精煉的語(yǔ)法,極易掌握的通用性與易學(xué)性,使Web網(wǎng)頁(yè)得到了極快的推行。HTML過(guò)份限制了Web文件的復(fù)雜性與靈敏性,使人們面對(duì)復(fù)雜多變的詳細(xì)運(yùn)用束手無(wú)策。人們開(kāi)場(chǎng)全力重新構(gòu)造Web圖表,誕生了許多新的技術(shù)。VM L言語(yǔ)就是其中最引人注目的一項(xiàng)技術(shù)。. VML言語(yǔ). VML簡(jiǎn)介VMLVector Markup Language是微軟年月附帶IE.發(fā)布的。它以最簡(jiǎn)約的標(biāo)志代碼，在WEB頁(yè)快速繪制輸出矢量圖型線(xiàn)段、圓形、矩形、圓矩形、矢量圖像、曲線(xiàn)、多邊形、弧型、并修飾這些圖形的邊框、陰影、填充、背景、漸變、箭頭、D等等外觀(guān)效果。能井然有序跟HTML超文本嚴(yán)密結(jié)合，

27、或攙和在HTML標(biāo)簽內(nèi)，或把HTML標(biāo)簽?zāi)依ㄆ渲谐淙蝺?nèi)容。幾乎支持CSS款式表一切的款式屬性寬度、高度、D-XYZ位置、鼠標(biāo)外形、裁剪、排版縮進(jìn)、縮放等等。VML所繪制的每一個(gè)圖形，都跟HTML一樣是一個(gè)圖形對(duì)象，同樣支持DHTML對(duì)象編程模型、DHTML事件編程模型。輕松的讀取、更改VML圖形對(duì)象的各種屬性，響運(yùn)用戶(hù)觸發(fā)的鼠標(biāo)、鍵盤(pán)等事件，實(shí)現(xiàn)與用戶(hù)交互。假設(shè)有機(jī)的配合setTimeout、setInterval兩個(gè)定時(shí)器方法，那么能實(shí)現(xiàn)類(lèi)似Flash一樣復(fù)雜的動(dòng)畫(huà)，輸出質(zhì)量相當(dāng)?shù)暮?。只需DHTML、JS編程功底足夠深，任何復(fù)雜的動(dòng)畫(huà)都可以實(shí)現(xiàn)。. VML言語(yǔ)的益處運(yùn)用 VML可以在 IE

28、中繪制矢量圖形 ,能將圖形信息與文本信息及其他數(shù)據(jù)集成在一同 ,是一種用文本方式描畫(huà)矢量圖形的言語(yǔ) 。VML 在 Web 上建立的高效 、靈敏和簡(jiǎn)約的矢量圖形可以恣意放大減少而不損失圖形的質(zhì)量 ,在制造地圖上有很大用途 。結(jié)合一種網(wǎng)絡(luò)編程言語(yǔ)就能設(shè)計(jì)出動(dòng)態(tài)的統(tǒng)計(jì)圖形 。并可以結(jié)合客戶(hù)端腳本 , 讓圖形產(chǎn)生動(dòng)態(tài)的效果 。在數(shù)據(jù)交互的過(guò)程中 ,效力器只須將變化的數(shù)據(jù)發(fā)送到客戶(hù)端即可 。不僅易于對(duì)繪制的圖形進(jìn)展控制 ,而且充分利用了客戶(hù)端的資源 ,減輕了效力器的負(fù)荷 。其根本規(guī)那么是 :單個(gè)的元素被定義為外形 , 大多數(shù)外形是由矢量途徑描畫(huà)的 ,它提供了一些預(yù)定義的外形如直線(xiàn) 、曲線(xiàn)等 。VML外形

29、可以單獨(dú)產(chǎn)生 ,也可多個(gè)外形相關(guān) 。由于各個(gè)外形本身都包含了本身的特征比率信息 ,所以整個(gè)組可以擴(kuò)展而不會(huì)影響到其中包含的內(nèi)容 。. VML言語(yǔ)的特點(diǎn)XML是公認(rèn)的擁有無(wú)窮生命力的下一代網(wǎng)絡(luò)標(biāo)志言語(yǔ) ,XML 和 HTML 一同運(yùn)用 ,極大地?cái)U(kuò)展了 Web 頁(yè)面的才干, VML作為XML的一個(gè)子集 , 具有先天的優(yōu)勢(shì) ,它的表示方法簡(jiǎn)單 ,易于擴(kuò)展 。支持高質(zhì)量的矢量圖形顯示 ,它們基于由相銜接的直線(xiàn)和曲線(xiàn)描畫(huà)途徑。在VML言語(yǔ)中運(yùn)用兩個(gè)根本的元素 : Shape 和Group ,這兩個(gè)元素定義了 VML 言語(yǔ)的全部構(gòu)造 。Shape 描畫(huà)一個(gè)矢量圖形元素 ,而 Group 用來(lái)將這些圖形結(jié)合

30、起來(lái) ,這樣它們可以作為一個(gè)整體進(jìn)展處置 。VML言語(yǔ)規(guī)范包括大量的支持多種不同矢量圖形特征的元素 。其預(yù)定義的主要圖形元素有：Shape , Path , Line , Polyline , Curve , Rect , Roundrect , Oval ,Arc , Group 。同時(shí)由于 VML言語(yǔ)運(yùn)用簡(jiǎn)單的文本來(lái)表示圖像 ,這樣就可用很少的字節(jié) 來(lái)表示比較復(fù)雜的圖像。VML與HTML 的兼容 , 經(jīng)過(guò)在 HTML 中聲明 VML命名空間并聲明處置函數(shù) ,就可以和其他 HTML元素一樣運(yùn)用 VML元素 ,在客戶(hù)端閱讀器顯示圖像。VML標(biāo)志里面可以定義DHTML大部分屬性和事件,比如id,

31、 name , title ,on mouseover等等。. VML言語(yǔ)的運(yùn)用VML言語(yǔ)終究能在WEB頁(yè)中做些什么呢！下面作簡(jiǎn)單的運(yùn)用引見(jiàn)吧：. 圓角表格、表格斜線(xiàn)、圓形、曲線(xiàn)等等，是做為HTML言語(yǔ)的補(bǔ)足；. 數(shù)據(jù)圖表(餅圖、柱狀圖、曲線(xiàn)圖)、圖像處置(VML可將圖像矢量化，能進(jìn)展亮度、對(duì)比度、顏色度、漫畫(huà)風(fēng)格、圖像外型、顏色交融的處置)、圖像繪制;. 制造D網(wǎng)頁(yè)、VML動(dòng)畫(huà)特技、VMLFlash動(dòng)畫(huà)、VML游戲。VML言語(yǔ)運(yùn)用功能強(qiáng)大，無(wú)不讓程序開(kāi)發(fā)者們怦然心動(dòng)?。〉谒恼耉ML的根本用法. VML根本語(yǔ)法在VML言語(yǔ)里面,標(biāo)志運(yùn)用的是XML言語(yǔ)的擴(kuò)張,namespace (命名空間) ,

32、可以運(yùn)用慣用的“v間,并且把它和系統(tǒng)預(yù)定義的行為VML用IE.到IE.版本通用的定義如下:v : Behavior : url ( # default # VML ) 其中xmlns是指XML namespaceBehavior (行為)是IE.新推出的,它把命名空間“v統(tǒng)預(yù)定義的行為VML銜接 。這樣定義以后,V的運(yùn)用中運(yùn)用如下標(biāo)志: 這個(gè)標(biāo)志必需是成對(duì)出現(xiàn) 。和普通的HTML別,每個(gè)標(biāo)志都添加了一個(gè)命名空間。VML有本人的坐標(biāo)系,運(yùn)用CoordSize定義坐標(biāo),這樣動(dòng)態(tài)改動(dòng)它的坐標(biāo),就可以實(shí)現(xiàn)隨意放大 、減少 、旋轉(zhuǎn)等功能 。Shape對(duì)象是VML最根本的對(duì)象,是Path ,利用它可以畫(huà)出

33、一切想要的圖形 。Shape生出來(lái)的一些對(duì)象,比如說(shuō)Rect (矩形) , RoundRect (矩形) ,Oval (圓) ,Line (線(xiàn)) , PolyLine (不規(guī)那么折線(xiàn)(圖形文件)等等 。Group容器能讓一系列的VML元素對(duì)象,假設(shè)運(yùn)用了超越一個(gè)VML對(duì)象的頁(yè)面都運(yùn)用容器,同時(shí)可以經(jīng)過(guò)動(dòng)態(tài)改動(dòng)它的CoordSize的大小和整個(gè)Group里面的VML元素對(duì)象。初始化和數(shù)據(jù)讀取的過(guò)程 。主頁(yè)面中帶有腳本,如添加VML元素的功能。子頁(yè)面是個(gè)ASP程序,從庫(kù)中讀取出數(shù)據(jù),生成相應(yīng)的腳本：function draw Graph ( x ,y ,value)然后就是在Body用一個(gè)Ifra

34、me做后臺(tái),用來(lái)讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù);為命名空進(jìn)展銜接 。使也就是命名空間。和系就可以在后標(biāo)志有所區(qū)屬性就是用來(lái)它最主要的屬性對(duì)象派圓角) , Image對(duì)象運(yùn)用共同的坐標(biāo)Group值放大或縮下面就是定義繪制圖形的腳本函數(shù)以及進(jìn)展頁(yè)面初可以實(shí)現(xiàn)諸從數(shù)據(jù)中初始化腳本和讀取數(shù)據(jù) ?？梢允骨芭_(tái)用腳本生成 ： 由于能夠會(huì)產(chǎn)生后臺(tái)已完成讀數(shù)據(jù)操作 ,而前臺(tái)還沒(méi)有初始化的情況 ,因此把腳本放在 Body 的前面 , Iframe 放在 Body 的最后面 。相應(yīng)的在 readData. asp里面 :parent.draw Graph ( , , ) ;這樣就實(shí)現(xiàn)了讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù)并運(yùn)轉(zhuǎn)腳本言語(yǔ)進(jìn)展畫(huà)圖的

35、功能 。. VML的常用標(biāo)志VML是經(jīng)過(guò)XML標(biāo)志來(lái)描畫(huà)矢量圖形的，所以必需遵照一定規(guī)那么，和HTML標(biāo)志的通用屬性如:id、name、class、title、style等一樣，VML標(biāo)志也有本人的通用屬性、支持HTML的通用屬性、支持CSS的款式定義。經(jīng)過(guò)這些屬性，他們可以修飾VML圖形如線(xiàn)、圓形的外形、大小、顏色、內(nèi)容、邊框，以及定義鼠標(biāo)款式、編程用的ID索引、提示標(biāo)題等等。標(biāo)志特有的通用屬性非HTML、CSS一切VM標(biāo)志屬性表屬性名默許值值類(lèi)型/范圍用途strokeweight .pt=px number描畫(huà)圖形的邊框粗度strokecolor black color描畫(huà)圖形的邊框顏色s

36、troked true boolean描畫(huà)圖形能否運(yùn)用邊框fillcolor white color描畫(huà)圖形的背景顏色filled true boolean描畫(huà)圖形能否運(yùn)用背景print true boolean描畫(huà)圖形能否允許被打印機(jī)打印coordsize , VectorD暗示圖形與容器空間的大小比例coordorigin VectorDcoordinate at top-left cornerof elementwrapcoords null stringoutline to use for tight textwrapping VML標(biāo)志屬性表屬性名可用值/可用值范圍用途width -

37、描畫(huà)寬度height -描畫(huà)高度position static absolute fixed relative描畫(huà)如何定位輸出left -描畫(huà)間隔 頁(yè)面位置左top -描畫(huà)間隔 頁(yè)面位置上z-index -描畫(huà)D位置cursor auto crosshair hand move help wait text描畫(huà)鼠標(biāo)外形zoom -描畫(huà)縮放比例clip rect(上右下左)描畫(huà)裁剪對(duì)象border - style color描畫(huà)邊框display block none inline list-item描畫(huà)顯示或隱藏overflow visible auto hidden scroll描畫(huà)滾動(dòng)條c

38、olor colorstring描畫(huà)文本內(nèi)容顏色font-size -描畫(huà)文本內(nèi)容字號(hào)filter xray flipv fliph invert alpha(opacity=num)描畫(huà)濾鏡效果rotation(-)%描畫(huà)旋轉(zhuǎn)度f(wàn)lip x y描畫(huà)反轉(zhuǎn)或顛倒圖形. 圖形與圖像算法在VML中的實(shí)現(xiàn)自年微軟公司發(fā)布VML.版以后，VML言語(yǔ)不但對(duì)作圖功能有了強(qiáng)大的改良而且對(duì)圖形圖像的處置也有了較強(qiáng)的提高。目前VML曾經(jīng)成為最強(qiáng)的網(wǎng)頁(yè)編輯工具之一，可以完成根本的三維網(wǎng)頁(yè)的設(shè)計(jì)，做圖及圖形處置，并且支持高質(zhì)量的圖像顯示。正由于VML基于XML規(guī)范而XML是公認(rèn)擁有無(wú)窮生命力的下一代網(wǎng)絡(luò)標(biāo)志言語(yǔ)，所以

39、VML具有先天的優(yōu)勢(shì)，它的表示方法簡(jiǎn)單，易于擴(kuò)展等等。相比之下，GMLGeography MarkupLanguage、SVGScalable Vector Graphics、VML都與矢量圖形有著親密的關(guān)系。GML在表示實(shí)體的空間信息的同時(shí)參與了實(shí)體的其他屬性信息，是表示實(shí)體的空間信息和屬性的編碼規(guī)范，但它并不支持直接顯示圖形。而VML和SVG是在表示圖形的矢量信息同時(shí)參與了圖形的顯示信息即以什么樣的款式顯示矢量圖形，是顯示矢量圖形的兩種比較好的格式。相比之下，SVG是綜合了VML的優(yōu)點(diǎn)后推出的，是國(guó)際規(guī)范，它比VML具有更多的優(yōu)點(diǎn)，也有更寬廣的前景。但由于VML有IE的支持，而且有人以為V

40、ML就是IE中的畫(huà)筆，而SVG要想在閱讀器中顯示就需求安裝插件，在這一點(diǎn)上，VML遠(yuǎn)遠(yuǎn)優(yōu)于SVG。二者都支持很多您想象得出的功能：繪制幾何圖形、動(dòng)畫(huà)、漸變色、濾鏡效果等。在VML中運(yùn)用兩個(gè)根本的元素：shape和group。這兩個(gè)元素定義了VML的全部構(gòu)造；shape描畫(huà)一個(gè)矢量圖形元素，而group用來(lái)將這些圖形結(jié)合起來(lái)，這樣它們可以作為一個(gè)整體進(jìn)展處置。以下是本文所涉及VML的圖形元素有：Shape、Path、Line、Polyline、Curve、Rect、Roundrect、Oval、Arc、Group等。由于內(nèi)容太多太雜，只解釋部分概念如下：line線(xiàn)標(biāo)志、XYZ坐標(biāo)與單位概念：li

41、ne標(biāo)志可以在網(wǎng)頁(yè)中從個(gè)X，Y交接點(diǎn)到另個(gè)X，Y交接點(diǎn)之間，創(chuàng)建一條直線(xiàn)。oval圓與rect矩型：VML的oval和rect分別可以繪制圓形與矩形。RoundRect圓矩型arc圓弧image圖片的插入與圖像處置polyline多邊型shape多邊型與polyline多邊型的優(yōu)劣比較shapetype模版shape曲線(xiàn)background背景group集合容器：該標(biāo)志不是用來(lái)輸出某種圖形的、運(yùn)轉(zhuǎn)時(shí)其本身也不可見(jiàn)，而且也沒(méi)有公用屬性，只需VML通用屬性，但卻也是非常重要的、特殊的VML標(biāo)志。它的作用就是充任“類(lèi)似父或母的身份將多個(gè)“類(lèi)似兒女成員的圖形囊括其中，然后他可以單獨(dú)性的描畫(huà)“父母，不用

42、一個(gè)一個(gè)去控制“單個(gè)子女，從而實(shí)現(xiàn)了“全員子女承繼“父母的遺傳。Id,class,style(top,left,width,height,rotation,z-index,position,visibility,display),title,href,target,alt,coordsize,coordorigin等等屬性。而在在實(shí)踐運(yùn)用中，最重要的是讓“子女承繼CSS-style()括號(hào)里的屬性。vmlframe圖形援用shadow陰影fill填充extrusion立體D級(jí)標(biāo)志：上面所說(shuō)到的VML通用屬性，是針對(duì)像oval、rect、roundrect這樣的一級(jí)標(biāo)志而言的。而對(duì)于大多數(shù)的二級(jí)

43、標(biāo)志，是不支持的，只需一個(gè)例外，像Textbox內(nèi)容，即能當(dāng)作一級(jí)標(biāo)志又能當(dāng)作二級(jí)標(biāo)志。不過(guò)id這個(gè)通用屬性，是一切的一、二級(jí)標(biāo)志均支持的屬性。textbox內(nèi)容imagedata背景圖片textpath文本途徑VML規(guī)范包括大量的支持多種不同矢量圖形特征的元素。由文本構(gòu)成的圖像，并可集成到HTML。由于VML運(yùn)用簡(jiǎn)單的文本來(lái)表示圖像，這樣就可用很少的字節(jié)來(lái)表示比較復(fù)雜的圖像。VML與HTML兼容，經(jīng)過(guò)在HTML中聲明VML命名空間并聲明處置函數(shù)，就可以和其他HTML元素一樣運(yùn)用VML元素，在客戶(hù)端閱讀器顯示圖像。VML標(biāo)志里面可以定義DHTML大部分屬性和事件，比如說(shuō)id,name,titl

44、e,onmouseover等等。支持交互與動(dòng)畫(huà)。但VML的功能不只是繪圖，他還可以在圖形中嵌入文本，并可實(shí)現(xiàn)超鏈，還可經(jīng)過(guò)腳本言語(yǔ)實(shí)現(xiàn)一定的動(dòng)畫(huà)功能。. ASP結(jié)合VML動(dòng)態(tài)開(kāi)發(fā)原理ASP 運(yùn)用 ADO 存取數(shù)據(jù)庫(kù) 。而 ADO 的實(shí)踐數(shù)據(jù)存取操作是經(jīng)過(guò) OLEDB 或 ODBC 驅(qū)動(dòng)程序進(jìn)展的 。運(yùn)用ADO 可以在 ASP 中編寫(xiě)可以直接操作執(zhí)行的 SQL 語(yǔ)句來(lái)操作數(shù)據(jù)庫(kù) 。其根本義務(wù)就是和數(shù)據(jù)庫(kù)建立銜接 、向數(shù)據(jù)庫(kù)發(fā)送 SQL 語(yǔ)句 、處置數(shù)據(jù)庫(kù)前往的結(jié)果 。圖 為 ASP 與 VML 結(jié)合的原理圖 。數(shù)據(jù)層存放大量數(shù)據(jù)資源 。中間層為 Web 效力器端 ASP 動(dòng)態(tài)程序 ,經(jīng)過(guò) OLE

45、DB 或者 ODBC 驅(qū)動(dòng)的 ADO 與數(shù)據(jù)庫(kù)進(jìn)展數(shù)據(jù)交互 ,擔(dān)任從數(shù)據(jù)層中查詢(xún)出所要的統(tǒng)計(jì)信息 。表示層采用VML 動(dòng)態(tài)生成統(tǒng)計(jì)結(jié)果圖表 ,在此采用頁(yè)面中嵌入 VML語(yǔ)句和運(yùn)用 ASP 動(dòng)態(tài)生成 VML 相結(jié)合的方式 ,動(dòng)態(tài)生成表示統(tǒng)計(jì)結(jié)果的矢量統(tǒng)計(jì)圖形 ,也就是生成了一個(gè)用文本言語(yǔ)表示的 Web 矢量統(tǒng)計(jì)圖 。圖 ASP 與 VML 結(jié)合原理圖第五章 程序?qū)崿F(xiàn).義務(wù)概述.本次預(yù)期研討的重點(diǎn)是：()研討實(shí)現(xiàn)WEB統(tǒng)計(jì)圖表的技術(shù)，分析VML與其他技術(shù)比較所具備的優(yōu)點(diǎn)。()用VML實(shí)現(xiàn)柱形圖，餅形圖，曲線(xiàn)走勢(shì)圖等效果。. 研討的難點(diǎn)是：做一個(gè)VML網(wǎng)頁(yè)畫(huà)圖畫(huà)板，能實(shí)現(xiàn)動(dòng)態(tài)畫(huà)圖，例如可以畫(huà)直線(xiàn)，矩

46、形，圓形，橢圓，圓形，還可以編輯文字，插入圖片等等；學(xué)生選課投票統(tǒng)計(jì)數(shù)據(jù)在web中顯示，數(shù)據(jù)是以柱形圖和餅形圖實(shí)現(xiàn)；電壓合格率實(shí)時(shí)曲線(xiàn)在web中顯示某個(gè)時(shí)段的電壓合格率；數(shù)據(jù)是以曲線(xiàn)走勢(shì)圖實(shí)現(xiàn)；最后設(shè)計(jì)一個(gè)web綜合圖表的實(shí)現(xiàn)，采用ASP+VML言語(yǔ)實(shí)如今網(wǎng)頁(yè)中輸入數(shù)據(jù)，實(shí)現(xiàn)D柱形圖，餅形圖，曲線(xiàn)走勢(shì)圖年度統(tǒng)計(jì)等效果。.用戶(hù)的特點(diǎn)Web圖表是一種很好的將對(duì)象屬性數(shù)據(jù)直觀(guān)、籠統(tǒng)地“可視化的手段?；赩ML言語(yǔ)設(shè)計(jì)Web統(tǒng)計(jì)圖表，Web統(tǒng)計(jì)圖表對(duì)象屬性數(shù)據(jù)直觀(guān)，提供可視化數(shù)據(jù)，操作簡(jiǎn)一方便，數(shù)據(jù)分布走勢(shì)一目了然，尤其適宜各類(lèi)運(yùn)用計(jì)算機(jī)的管理人員。.需求規(guī)定本次設(shè)計(jì)研討主要是用VML言語(yǔ)實(shí)現(xiàn)柱形圖，

47、餅形圖，曲線(xiàn)走勢(shì)圖等D效果。. Web信息流程構(gòu)造設(shè)計(jì)：信息組織、關(guān)聯(lián)和集成等是一種非常重要的信息重構(gòu)，它對(duì)信息的查詢(xún)、閱讀及信息間的相互聯(lián)絡(luò)起著關(guān)鍵作用，應(yīng)采用基于人性化的信息聯(lián)想思想方式來(lái)設(shè)計(jì)整個(gè)圖表系統(tǒng)的信息流向及相互關(guān)系等。需求對(duì)用戶(hù)在信息探求活動(dòng)過(guò)程中的信息閱讀順序、信息交互方式和信息相關(guān)聯(lián)想等問(wèn)題進(jìn)展深化研討，從而設(shè)計(jì)出一種為大多數(shù)用戶(hù)所接受的圖表系統(tǒng)，即經(jīng)過(guò)多種方式來(lái)建立信息間的關(guān)系鏈接。. Web統(tǒng)計(jì)圖表類(lèi)型的選擇：Web圖表要表現(xiàn)的主題決議了圖表的表現(xiàn)方式，根據(jù)主題來(lái)決議哪一種對(duì)比關(guān)系是主要的，哪一種是次要的。圖表是經(jīng)過(guò)數(shù)據(jù)信息的組織來(lái)展現(xiàn)或強(qiáng)調(diào)主題信息的。柱形圖最適宜顯示時(shí)

48、間序列的對(duì)比關(guān)系。普通情況下，盡量防止運(yùn)用條形圖顯示隨時(shí)間變化的信息特征，由于表示時(shí)間分布習(xí)慣于從左到右，而非從上到下。曲線(xiàn)走勢(shì)圖那么偏重于變化趨勢(shì)，比較適宜反映對(duì)象開(kāi)展趨勢(shì)，而柱狀圖注重展現(xiàn)程度和數(shù)量，適宜表示某一時(shí)間段內(nèi)的信息屬性。 餅形圖給人以整體的印象，因此，顯示成分對(duì)比關(guān)系可用餅圖來(lái)展現(xiàn)。假設(shè)數(shù)據(jù)項(xiàng)超越個(gè)，可保管個(gè)最重要部分，其他合并為“其它，以便使餅圖發(fā)揚(yáng)最大可視化效果。此外，根據(jù)需求，可將最重要的內(nèi)容放在點(diǎn)的位置附近人眼習(xí)慣于順時(shí)針?lè)较蚩礀|西，同時(shí)可經(jīng)過(guò)顏色、立體處置或分別等手段來(lái)突出顯示。由于統(tǒng)計(jì)信息的多樣性、復(fù)雜性，可經(jīng)過(guò)圖表間的相互疊加來(lái)展現(xiàn)信息間的內(nèi)部構(gòu)成對(duì)比、外部構(gòu)造特

49、征對(duì)比以及對(duì)象的時(shí)態(tài)變化特征等。. Web統(tǒng)計(jì)圖表界面設(shè)計(jì)：普通地，圖表盡能夠簡(jiǎn)約，假設(shè)需求采用組合圖表構(gòu)造，必需使圖表層次化更為明晰，以便更為快速清楚地反映要表達(dá)的主題信息內(nèi)容。由于Web圖表運(yùn)用在網(wǎng)絡(luò)上，應(yīng)盡量思索到各種用戶(hù)計(jì)算機(jī)窗口的差別，將圖表完好地顯示在這些計(jì)算機(jī)的窗口上。例如：一致性是界面設(shè)計(jì)最根本的原那么，它是界面易于運(yùn)用的關(guān)鍵，但有時(shí)為了讓用戶(hù)更直觀(guān)地感受和了解圖表要表現(xiàn)的主題，需求采用以下手段建立信息層次構(gòu)造間的關(guān)系：加重顏色、運(yùn)用陰影、加強(qiáng)對(duì)象輪廓、運(yùn)用立體或?qū)懻娣?hào)、采用動(dòng)態(tài)符號(hào)。另外，設(shè)計(jì)圖表時(shí)，須全面思索影響圖表可視化的要素，內(nèi)部數(shù)據(jù)數(shù)值對(duì)比反差的大小，圖表在空間分布

50、的密度以及小空間大圖表矛盾等。. Web統(tǒng)計(jì)圖表的實(shí)現(xiàn)：下面經(jīng)過(guò)論述VML中的常用標(biāo)志來(lái)闡明Web圖表的實(shí)現(xiàn)步驟：. 運(yùn)用Group標(biāo)志創(chuàng)建一個(gè)容器，作為其它組成Web圖表的VML標(biāo)志的共同坐標(biāo)系，經(jīng)過(guò)設(shè)置Group標(biāo)志的style屬性可以確定圖表的位置和大小等；. 經(jīng)過(guò)添加Rect、Oval、Arc、Line、PolyLine等外形標(biāo)志創(chuàng)建圖表的主體。其中，Rect標(biāo)志用于創(chuàng)建矩形，可由它來(lái)實(shí)現(xiàn)條形圖和柱狀圖；Oval標(biāo)志用于創(chuàng)建圓，Arc標(biāo)志用于創(chuàng)建弧，結(jié)合這兩個(gè)標(biāo)志可以實(shí)現(xiàn)餅圖；Line標(biāo)志用于創(chuàng)建線(xiàn)段，Line標(biāo)志是Line標(biāo)志的變形，用于創(chuàng)建不規(guī)那么的延續(xù)的線(xiàn)段，這兩個(gè)標(biāo)志可用于創(chuàng)建

51、折線(xiàn)圖。另外，VML提供一種默許外形標(biāo)志Shape，經(jīng)過(guò)指定其path屬性可創(chuàng)建出需求的任何外形，上述一切標(biāo)志都是由它派生出來(lái)的。在運(yùn)用上述外形標(biāo)志創(chuàng)建Web圖表主體時(shí)，可運(yùn)用外形標(biāo)志的子標(biāo)志Shadow和Fill來(lái)分別設(shè)置外形的陰影和填充效果來(lái)加強(qiáng)外形的顯示效果和不同外形的對(duì)比效果；. 運(yùn)用標(biāo)志Line及其子標(biāo)志Stroke來(lái)創(chuàng)建坐標(biāo)系。Stroke標(biāo)志中的StartRow和EndRow屬性用于創(chuàng)建箭頭；. 運(yùn)用標(biāo)志TextBox來(lái)設(shè)置圖表的標(biāo)題、圖例和刻度的值。. Web統(tǒng)計(jì)圖表的開(kāi)發(fā)與設(shè)計(jì)：Web圖表設(shè)計(jì)是以用戶(hù)為中心的多學(xué)科設(shè)計(jì)，遭到視覺(jué)藝術(shù)、計(jì)算機(jī)技術(shù)、主題內(nèi)容、圖表用途以及心思感受

52、和信息設(shè)計(jì)等多種影響。在對(duì)統(tǒng)計(jì)信息在可視化時(shí)的根本屬性進(jìn)展分析與研討后，給出Web圖表的定義：Web圖表泛指在閱讀器中顯示的，可直觀(guān)展現(xiàn)統(tǒng)計(jì)信息屬性時(shí)間性、數(shù)量性等，對(duì)知識(shí)發(fā)掘和信息直觀(guān)生動(dòng)感受起關(guān)鍵作用的圖形構(gòu)造。不同類(lèi)型的Web圖表能夠具有不同的構(gòu)成要素，如折線(xiàn)圖普通要有坐標(biāo)軸，而餅圖普通沒(méi)有。歸納起來(lái)，Web圖表的根本構(gòu)成要素有：標(biāo)題、刻度、圖例和主體等等。. 運(yùn)轉(zhuǎn)環(huán)境規(guī)定.設(shè)備：采用個(gè)人計(jì)算機(jī)(pc)，運(yùn)用系統(tǒng)WindowsXP或windows，且支持IE以上閱讀器。.支持軟件：本次課題WEB統(tǒng)計(jì)圖表的研討，我主要采用VML言語(yǔ)實(shí)現(xiàn)，還會(huì)運(yùn)用到ASP動(dòng)態(tài)網(wǎng)頁(yè)、Dreamweaver開(kāi)發(fā)

53、工具和Access數(shù)據(jù)庫(kù)。. 實(shí)現(xiàn)程序?qū)嵗? VML網(wǎng)頁(yè)畫(huà)圖畫(huà)板：實(shí)現(xiàn)該網(wǎng)頁(yè)畫(huà)圖畫(huà)板用到了vml言語(yǔ)和js腳本言語(yǔ)，保管以html為后綴名的網(wǎng)頁(yè)文件。其實(shí)現(xiàn)的普通步驟如下：. 新建并命名VmlDraw.js文件，用記事本進(jìn)展編輯，該文件主要是用來(lái)定義變量和函數(shù)，其偽代碼：var VmlTool=new VmlDraw(); /定義VmlDraw變量；function VmlDraw()； /定義VmlDraw功能；var imageMenu,imageMove=,imagesets=new Array(); /定義右鍵菜單；var baseImage()； /定義雙箭頭、單箭頭、直線(xiàn)、弧形、

54、圓形、長(zhǎng)方形、圓矩形等運(yùn)用款式；var left,top,width,height,rotation,id; /定義畫(huà)板畫(huà)圖框架；var status; /定義在畫(huà)板內(nèi):刪除,:修正,:添加；oButton=owner.CreateButton()； /定義雙箭頭、單箭頭、直線(xiàn)、弧形、圓形、長(zhǎng)方形、圓矩形等相關(guān)控件；還要定義一些功能控件:oCell.appendChild(document.createElement(br);oButton=owner.CreateButton(oCell,biankuan,bon,huabi,左鍵點(diǎn)擊目的圖形);oButton.innerText=邊框;oB

55、utton=owner.CreateButton(oCell,tianchong,bon,huabi,左鍵點(diǎn)擊目的圖形，支持背風(fēng)光填充、背景圖片、完全空心化); oButton.innerText=填充;oButton=owner.CreateButton(oCell,suofang,bon,huabi,左鍵點(diǎn)擊目的圖形);oButton.innerText=縮放;. 新建并命名vml畫(huà)圖畫(huà)板.html文件，用記事本進(jìn)展編輯，該文件主要是用VML實(shí)現(xiàn)畫(huà)板畫(huà)圖和調(diào)用VmlDraw.js文件，其偽代碼：() VML畫(huà)圖畫(huà)板 /定義畫(huà)板標(biāo)題() /定義畫(huà)板風(fēng)格v:*behavior:url(#def

56、ault#VML); /VML言語(yǔ)的標(biāo)識(shí)定義o:*behavior:url(#default#VML); /VML言語(yǔ)的標(biāo)識(shí)定義select,input,button,textareafont-size:px /文本區(qū)域的大小定義atext-Decoration:none;color:red /文本區(qū)域的顏色定義a:hovertext-Decoration:underline;color:blue; /文本線(xiàn)條定義tablebackground-color:#FCDCF; /網(wǎng)頁(yè)表格定義及字體定義tdfont-size:px;color:;spanfont-size:px;white-Spac

57、e:nowrap;.bonborder-bottom:solideeeeee;border-right:solid eeeeee;border-left:solidgray;border-top:solid gray;background-color:dddddd;color:blue;width:;cursor:hand;.bonborder-bottom:solidgray;border-right:solid gray;border-left:solidwhite;border-top:solid white;background-color:#FCDCF;color:maroon;wi

58、dth:;cursor:hand;font-family:宋體;.bonborder-bottom:solidmaroon;border-right:solid maroon;border-left:solidmenu;border-top:solid menu;background-color:#FED;color:purple;width:;cursor:hand;font-family:宋體;textareaborder: groove purple;#cencolor:maroon;font-weight:bold;width:%;height:%;cursor:move#xiaole

59、icolor:red.keshiposition:absolute;z-index:;. zhongyaocursor:hand;font-weight:bold;color:red /畫(huà)板主題風(fēng)格定義終了() /腳本言語(yǔ)的援用. 他們還可以在畫(huà)板上插入圖片：首先新建并命名uploadifream.htm文件，用記事本進(jìn)展編輯，該文件主要是實(shí)現(xiàn)插入圖片框架和嵌入vml畫(huà)圖畫(huà)板.html文件中，其偽代碼：() 下載框架頁(yè) /定義框架標(biāo)題() function addFile() /定義插入文件功能 if(document.getElementById(inputid).value!=) vart

60、empid=inputid; parent.document.getElementById(ifreambutton).srcid=tempid;/文本元素的定義 parent.document.getElementById(ifreambutton).srcvalue=document.getElementById(inputid).value; document.getElementById(inputid).style.display=none; inputid=f+getuid(); varstr=; /定義插入圖片框架 document.getElementById(filediv)