現(xiàn)在我們來(lái)看看VML的一些應(yīng)用。數(shù)據(jù)圖表可以說(shuō)是VML的拿手好菜。繪制圖表，最重要的步驟是把數(shù)據(jù)轉(zhuǎn)換成坐標(biāo)。由于VML是矢量的， 給數(shù)據(jù)的取值范圍有很大的自由度，因?yàn)槟憧梢杂脦?shù)的坐標(biāo)值，也可以是非常大的數(shù)據(jù)做為坐標(biāo)值。
    在做圖表之前，必須明確一些事情，要把圖表看成一個(gè)整體，這意味著使用 Group 將 VML 包容起來(lái)；x,y 軸是在第四像限里面的；VML的大小由 width,height 決定，而不是由coordsize決定。接下來(lái)，讓我們看看幾個(gè)經(jīng)典的圖表。
    曲線圖(走勢(shì)圖)：看起來(lái)是曲線，其實(shí)細(xì)分起來(lái)就是一段段小折線組成的。所以我們可以選擇PolyLine來(lái)做。首先我們來(lái)畫(huà)坐標(biāo)軸：

    也許你希望顯示坐標(biāo)軸上的刻度，這也很容易實(shí)現(xiàn)，我們可以用一個(gè)絕對(duì)定位的P來(lái)做坐標(biāo)，在Group里面，使用絕對(duì)實(shí)際上是相對(duì)Group的相對(duì)定位的。坐標(biāo)值需要你自己調(diào)整了。因?yàn)槲覀儺?huà)分橫坐標(biāo)使用的是 px=200+73*i;(其中200是距離左邊的距離) 縱坐標(biāo)是 py=2800-73*i; (因?yàn)榭偣驳母叨仁?800,所以要用減去)現(xiàn)在，把數(shù)據(jù)轉(zhuǎn)換成坐標(biāo)變得很容易了。 當(dāng)然這里的 i 是 0,1,2..7 ，也可以是你具體的數(shù)據(jù)，換算的時(shí)候，只需要按照比例得到坐標(biāo)值，比如說(shuō)你的縱坐標(biāo)的價(jià)值是從 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ù)的比例)


    畫(huà)圖表的準(zhǔn)備工作已經(jīng)全部做好了，現(xiàn)在就差數(shù)據(jù)了。有了數(shù)據(jù)，把數(shù)據(jù)灌輸?shù)?PolyLine 里面，曲線就顯示出來(lái)了?，F(xiàn)在我們使用一些假數(shù)據(jù)，看看上面的效果如何！點(diǎn)這里顯示曲線
    本節(jié)例子比較多，請(qǐng)?jiān)L問(wèn)下頁(yè)。

最新評(píng)論