2011-07-04 9 views
0

私はASP.NET/C#Webアプリケーションを持っており、ビジネスデータから非常に素敵なダイアグラムを生成する機能を追加したいと考えています。一種の方法。ASP.NETウェブアプリケーションで見栄えのよい図を作成できるライブラリまたはコンポーネント

具体的には、ボックスのサイズと形状は、表現されるビジネスオブジェクトのある値に比例し、色付けはビジネス上の意味を持つなどのボックスダイアグラムです。

ネットワークなどの複雑な概念(物流ネットワーク内での位置などのオブジェクト間の関係を表示する必要があります)と、内部にあるもののサイズに応じて正しくサイズ変更するコンテナ。

私は、ダイアグラムがサーバー側のイメージファイルとして生成され、ページに表示されると思います。

このニーズに答えるために使用できるライブラリ/コンポーネントは何ですか?

答えて

0
  • 普通の古いcanvasを使用してクライアント側でこれを行うことができます。

    • チェックアウトProcessing.js

      // Renders a vector object 'v' as an arrow and a location 'loc' 
      void drawVector(Vector3D v, Vector3D loc, float scayl) { 
          pushMatrix(); 
          float arrowsize = 4; 
          // Translate to location to render vector 
          translate(loc.x,loc.y); 
          stroke(255); 
          // Call vector heading function to get direction (note that pointing up is a heading of 0) and rotate 
          rotate(v.heading2D()); 
          // Calculate length of vector & scale it to be bigger or smaller if necessary 
          float len = v.magnitude()*scayl; 
          // Draw three lines to make an arrow (draw pointing up since we've rotate to the proper direction) 
          line(0,0,len,0); 
          line(len,0,len-arrowsize,+arrowsize/2); 
          line(len,0,len-arrowsize,-arrowsize/2); 
          popMatrix(); 
      } 
      
  • はおそらく、あなたの正確な要件に適合していませんが、Google Chartsは単にURLを構築することでグラフを生成するために迅速かつエレガントな方法です:あなたはlike this矢印を描くことができます。

+0

キャンバスは魅力的ですが、内容に応じて矢印やサイジングコンテナを自動的にルーティングするなどの処理をしますか? – TheOwlsAreNotWhatTheySeem

+0

Visioタイプのライブラリを探しているようです。私が見た中で最も近いのは[Processing.js](http://processingjs.org/)です。 –

0
+0

アプリケーションはSilverlightではなく、純粋なASP.NETです。そして私は、チャートを作成するために私たちが使っているtelerikチャートが、私が記述したようなカスタムダイアグラムを作成するのに役立つのか分かりません。私はここに何かを逃していますか – TheOwlsAreNotWhatTheySeem