主頁 > 知識庫 > 數(shù)據(jù)圖表

數(shù)據(jù)圖表

熱門標(biāo)簽:石家莊電話機器人電話 電銷機器人的宣傳語 江西防封卡外呼系統(tǒng)怎么安裝 400電話辦理安徽 沸思外呼線路 南通電話外呼系統(tǒng)開發(fā) 電銷智能機器人靠譜么 南寧外呼電銷系統(tǒng)招商 北京銷售外呼系統(tǒng)線路
現(xiàn)在我們來看看VML的一些應(yīng)用。數(shù)據(jù)圖表可以說是VML的拿手好菜。繪制圖表,最重要的步驟是把數(shù)據(jù)轉(zhuǎn)換成坐標(biāo)。由于VML是矢量的, 給數(shù)據(jù)的取值范圍有很大的自由度,因為你可以用帶小數(shù)的坐標(biāo)值,也可以是非常大的數(shù)據(jù)做為坐標(biāo)值。
    在做圖表之前,必須明確一些事情,要把圖表看成一個整體,這意味著使用 Group 將 VML 包容起來;x,y 軸是在第四像限里面的;VML的大小由 width,height 決定,而不是由coordsize決定。接下來,讓我們看看幾個經(jīng)典的圖表。
    曲線圖(走勢圖):看起來是曲線,其實細分起來就是一段段小折線組成的。所以我們可以選擇PolyLine來做。首先我們來畫坐標(biāo)軸:
v:group ID="group1" style="WIDTH:500pt;HEIGHT:300pt" coordsize="5000,3000">
  v:line from="200,100" to="200,2800" style="Z-INDEX:8;POSITION:absolute" strokeweight="1pt">
    v:stroke StartArrow="classic"/>
  /v:line>
  v:line from="200,2800" to="4800,2800" style="Z-INDEX:8;POSITION:absolute" strokeweight="1pt">
    v:stroke EndArrow="classic"/>
  /v:line>
  v:rect style="WIDTH:4900px;HEIGHT:3000px" coordsize="21600,21600" fillcolor="white" strokecolor="black" />
/group>

    也許你希望顯示坐標(biāo)軸上的刻度,這也很容易實現(xiàn),我們可以用一個絕對定位的P來做坐標(biāo),在Group里面,使用絕對實際上是相對Group的相對定位的。坐標(biāo)值需要你自己調(diào)整了。因為我們畫分橫坐標(biāo)使用的是 px=200+73*i;(其中200是距離左邊的距離) 縱坐標(biāo)是 py=2800-73*i; (因為總共的高度是2800,所以要用減去)現(xiàn)在,把數(shù)據(jù)轉(zhuǎn)換成坐標(biāo)變得很容易了。 當(dāng)然這里的 i 是 0,1,2..7 ,也可以是你具體的數(shù)據(jù),換算的時候,只需要按照比例得到坐標(biāo)值,比如說你的縱坐標(biāo)的價值是從 100,200,300,..700 相應(yīng)的反應(yīng)到坐標(biāo)上就是 px=200+73*i*1/100 (其中,i為數(shù)據(jù)值,1/100是坐標(biāo)值和數(shù)據(jù)的比例)


    畫圖表的準(zhǔn)備工作已經(jīng)全部做好了,現(xiàn)在就差數(shù)據(jù)了。有了數(shù)據(jù),把數(shù)據(jù)灌輸?shù)?PolyLine 里面,曲線就顯示出來了。現(xiàn)在我們使用一些假數(shù)據(jù),看看上面的效果如何!
    本節(jié)例子比較多,請訪問下頁。

標(biāo)簽:陽泉 晉中 云南 衢州 鹽城 來賓 寧夏 北海

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《數(shù)據(jù)圖表》,本文關(guān)鍵詞  數(shù)據(jù),圖表,數(shù)據(jù),圖表,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《數(shù)據(jù)圖表》相關(guān)的同類信息!
  • 本頁收集關(guān)于數(shù)據(jù)圖表的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章

    上一篇:給VML增加事件

    下一篇:文本修改留痕