2011-01-16 11 views
4

ASP.NET MVC 3ビューでASP.NET Razor Pages guide to generate chartsに従っています。Razor chart helperを使用して作成したグラフで、グラフのパラメータ(円グラフなど)を変更するにはどうすればよいですか?

私は円グラフを生成/表示できます。しかし、パイスライドの色を変更する方法や、スライスを爆発させる方法はわかりません。

私はChartオブジェクトの "Series"コレクションを参照しようとしましたが、それは存在しません。

私は現在持っているコードスニペットです。

<td> 
    @{     
     Chart chart = 
      new Chart(width: 100, height: 100) 
       .AddSeries(chartType: "Pie", name: "Dafault", xValue: new[] { "Yes", "No" }, yValues: new[] { 70.2m, 29.8m }); 

     chart.Write(); 
    } 
</td> 

誰も私がこれについてどのように伝えることができますか?

答えて

5

Dommer、

私はここだけで一歩先あなたのだけど、あなたはチャートのコンストラクタで「themePath」プロパティを使用してカスタムカラーを作成することができます。それは十分に文書化されていませんが、themePathは、チャートを詳細に記述するXMLドキュメントへのパスです。 Themeの文字列const(Chartのコンストラクタのオプションの3番目のパラメータ)でintellisenseを実行すると、XMLのサンプルを取得できます。カスタムカラーに今 http://www.mikepope.com/blog/documents/WebHelpersAPI.html#Chart

あなたは、次のリンクでthemePath値とサンプルXMLへの参照を見つけることができます。テーマファイルのXMLは、Chart要素のPalette属性を示します。 'None'に設定し、 'PaletteCustomColors'属性にRGB値のコレクションを追加します。

PaletteCustomColors = '0,0,255; 0,255,0; 255,0,0; 0,255,255; 255,0,255; 255,255,0'

ので、同じようcontsructorであなたのthemePathを参照してください:

string pathName = "~/Content/Test3DTheme.xml"; 
var chart = new Chart(width: 600, height: 400, themePath: pathName) [add methods here] 

これはそれを行う必要があります。さて、テーマプロトコルでは、System.Web.UI.DataVisualization.Chartのプロパティである多くの属性が使用されているようです。あなたは、あなたのチャートの外観とそれを壊すものが変わるかどうかを見るために、アトリビュートを調整したり追加したりすることで(私が現在行っているように)実験することができます。パーサーは、それが受け入れる属性について非常に苛立つ。

これが役に立ちます。

ジム・スタンレー

黒板接続株式会社

1

System.Web.Helpers名前空間で使用できるグラフを使用しています。 System.Web.UI.DataVisualization名前空間の下で使用できる完全なチャートコンポーネントが必要です。 ここに、始めるためのリンクがあります Charting with MVC ここではインタラクティブ性を備えたフル・ブラー・チャート機能の使用方法に関するリンクを示します。 Charting with interactivity

関連する問題