4

私はかなり長い間探していましたが、探しているものを見つけることができませんでした。

コントローラーでチャートを生成し、ViewModel を介してビューに提供したいと考えています。私が見つけた最も有用な 2 つの記事は次のとおりです。

http://www.codecapers.com/post/Build-a-Dashboard-With-Microsoft-Chart-Controls.aspx#tb

ASP.Net MVC 3 でのチャート作成

どちらもチャート オブジェクトの作成方法を示していますが、ビューで希望どおりに表示することはできません。画像を保存して、ビューから画像を開くだけでよいことは理解していますが、グラフをインタラクティブにしたい場合はどうすればよいでしょうか? 円グラフのスライスをクリックすると別のページに移動したり、その他の便利な「ドリルダウン」機能が表示されたりします。

私は混乱していますか?純粋なasp.net mvcでこの種の機能が可能ですか、それともサードパーティのチャートライブラリと派手な機能を混同していますか? 前者の場合、チャート オブジェクトをビューに表示するにはどうすればpublic Chart queueChart { get; set; }よいですか?

注意点として、私はサードパーティのグラフ作成ライブラリを使用することに興味がありません。

コントローラ:

//Query from db into model.queue
Chart chart = new Chart();
chart.Width = 600;
chart.Height = 400;
chart.Titles.Add("Title goes here");
chart.ChartAreas.Add(new ChartArea());
Series series = new Series();

series.ChartType = SeriesChartType.Pie;

foreach( Queue i in model.queue )
{
    string x = i.name;
    double y = i.count;

    series.Points.AddXY(x, y);
}

chart.Series.Add(series);

model.queueChart = chart;
4

4 に答える 4

7

グラフを作成する JavaScript ライブラリを使用してみませんか? これらは多くの機能を提供し、インタラクティブなチャートを作成できます。

ハイチャート

剣道UI

于 2012-12-13T18:00:56.000 に答える
2

対話性が必要な場合は、Javascript ライブラリを検討する必要があります。
jqChartは、jQuery に基づく強力でありながら使いやすいライブラリであり、MVC バージョンも提供します。

于 2012-12-17T06:16:05.550 に答える
1

この MSDN の記事では、クライアント側のイメージ マップを使用して Chart コントロールで対話機能を有効にする方法について説明します。

「MVC3 イメージ マップ チャート」をグーグルで検索すると、いくつかのリソースが見つかります。

于 2012-12-13T19:58:43.610 に答える
0

グラフをインタラクティブにする場合、最高の方法はハイ チャートを使用することです。これらは非常にユーザーフレンドリーであり、すべてのドリルダウン機能とともに、最もインタラクティブなユニットであるという事実は言うまでもありません. 私を信じるかどうかはわかりませんが、結論を出す前に確認してください. すべての手順と例が記載されているリンクを確認してください。

https://dotnethighcharts.codeplex.com/

必ずパッケージをインストールしてください: Dotnet.HighCharts

これは、[ツール] -> [ライブラリ パッケージ マネージャー] -> [パッケージ マネージャー コンソール] で実行できます。

PM>Install-Package DotNet.HighCharts

次に、ビューでスクリプト ファイル (/jquery-1.5.1.min.js および /highcharts.js) をドラッグします。したがって、参照を作成します。( IN MVC ) とともに

@model DotNet.Highcharts.Highcharts

@(モデル)

于 2014-05-19T10:06:37.717 に答える