ホームページ  >  記事  >  ウェブフロントエンド  >  データチャート_VML関連

データチャート_VML関連

WBOY
WBOYオリジナル
2016-05-16 12:09:471383ブラウズ

次に、VML のいくつかのアプリケーションを見てみましょう。データチャートはVMLの得意分野と言えます。グラフを描画するとき、 最も重要なステップはデータを座標に変換することです 。 VML はベクトルであるため、小数点以下の座標値や非常に大きなデータを座標値として使用できるため、データの値の範囲に大きな自由度があります。
チャートを作成する前に、チャートを全体として見る必要があります。つまり、X 軸と Y 軸は第 4 象限にあり、幅によって決まります。 、身長は座標サイズではなく、座標サイズによって決まります。次に、いくつかの古典的なチャートを見てみましょう。
曲線チャート (トレンド チャート) : 曲線のように見えますが、実際は分解すると小さな折れ線で構成されています。したがって、PolyLine を選択してそれを行うことができます。まず座標軸を描画しましょう:










座標軸にスケールを表示したい場合も、絶対位置の P を使用して簡単に実現できます。 Group Inside では、絶対的な使用は実際にはグループに対する相対的な配置になります。座標値は自分で調整する必要があります。 px=200+73*i; を使用するため (200 は左からの距離です)、縦軸は py=2800-73*i; であるため (合計の高さは 2800 なので、 を引く必要があります)、次のように変換します。データを座標に変換するのは簡単です。 もちろん、ここでの i は 0,1,2..7 ですが、変換するときは、たとえば垂直座標の値を取得するだけで済みます。 100、200、300、座標に対する ..700 の対応する応答は、px=200+73*i*1/100 (i はデータ値、1/100 はデータ値の比率です)データへの座標値)


グラフを描画するための準備は完了しました。あとはデータが必要なだけです。データを PolyLine に注ぎ込むと、曲線が表示されます。では、偽のデータを使用して、上記がどのように機能するかを見てみましょう。
このセクションには多くの例があります。次のページを参照してください。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。