2

オプションとデータグラフまたはグラフ構造全体を読み込んでJSONオブジェクトを返す方法を知りたいですか？

特に、JSONを使用してオプション、カテゴリ、軸、データなどを動的に作成したいと思います。可能だと思いますが、オプションではなく、データと系列のロード方法を説明する情報しか見つかりませんでした。

たとえば、タイトル、xAxisなどを定義して、JSonオブジェクトを返します。

 [...]

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

 [...]

特に、次のような、より複雑なグラフを動的に作成する必要があります：http ://www.highcharts.com/demo/column-stacked-and-grouped

前もって感謝します！

4

1 に答える 1

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

于 2012-01-29T22:00:13.823 に答える