2012-01-15 12 views
2

オプション&のデータグラフやJSONオブジェクトを返すグラフ構造全体をどのように読み込むことができますか?特にHighCharts&MVC:グラフ定義とデータをJSONで読み込む方法は?

、私は動的にJSONでなどオプションカテゴリ、軸、データを作成したいと思います。私はそれが可能だと思うが、データをロードする方法を記述した情報しか見つかりません&シリーズではなく、オプションです。例えば

、私はJSONオブジェクトを返すなど、タイトルを定義するためにx軸が欲しい:http://www.highcharts.com/demo/column-stacked-and-grouped:特に

[...] 

    title: { 
    text: 'Total fruit consumtion, grouped by gender' 
    }, 
    xAxis: { 
    categories: [] 
    }, 

[...] 

を、私は動的にこれと似た、より複雑なグラフを作成する必要があります

ありがとうございます!

+0

私が考えていた...にViewBagを使用することが可能ですjavascriptsの部分を構築する???それはとても悪い考えですか? THX – Larry

+0

私は、オブジェクトを作成するルート/ページ(チャートのタイトル、サブタイトルと同じプロパティを含む)を作成し、チャートをシリアライズして出力するためにSystem.Web.Script.Serialization.JavaScriptSerializerを使用するだけで簡単に作成できると思います。コンシューマ・ページでは、jqueryを使用してRESTサービスへのajaxコールを作成し、返されたデータでチャートを初期化できます。私は今、同じことをやっています(ただし、PHPで)。 – gremo

+0

@Gremoありがとうございます!可能であれば、この解決策のいくつかの例を教えてください。再度、感謝します! – Larry

答えて

2

DotNet.Highchartsを使用すると、JavaScriptまたはJSONを使用せずに、好きなようにサーバー側でチャートを作成できます。ここでは、ライブラリをどうたいの例です:

Highcharts chart = new Highcharts("chart") 
.InitChart(new Chart { DefaultSeriesType = ChartTypes.Column }) 
.SetTitle(new Title { Text = "Total fruit consumtion, grouped by gender" }) 
.SetXAxis(new XAxis { Categories = new[] { "Apples", "Oranges", "Pears", "Grapes", "Bananas" } }) 
.SetYAxis(new YAxis 
      { 
       AllowDecimals = false, 
       Min = 0, 
       Title = new YAxisTitle { Text = "Number of fruits" } 
      }) 
.SetTooltip(new Tooltip { Formatter = "TooltipFormatter" }) 
.SetPlotOptions(new PlotOptions { Column = new PlotOptionsColumn { Stacking = Stackings.Normal } }) 
.SetSeries(new[] 
      { 
       new Series 
       { 
        Name = "John", 
        Data = new Data(new object[] { 5, 3, 4, 7, 2 }), 
        Stack = "male" 
       }, 
       new Series 
       { 
        Name = "Joe", 
        Data = new Data(new object[] { 3, 4, 4, 2, 5 }), 
        Stack = "male" 
       }, 
       new Series 
       { 
        Name = "Jane", 
        Data = new Data(new object[] { 2, 5, 6, 2, 1 }), 
        Stack = "female" 
       }, 
       new Series 
       { 
        Name = "Janet", 
        Data = new Data(new object[] { 3, 0, 4, 4, 3 }), 
        Stack = "female" 
       } 
      }); 

あなたがここにASP.NET MVCの例をたくさん見つけることができます。http://dotnethighcharts.codeplex.com/releases/view/80650

+0

ありがとう@Vangi! – Larry

関連する問題