HighChartsの折れ線グラフの代わりに棒グラフを作成するにはどうすればよいですか？ - c＃、asp.net-mvc、highcharts

私はDotNetHighChartsを使ってHighChartのチャートを作成しています。この例では、月次データの折れ線グラフを作成しました。

        Highcharts monthlyChart = new Highcharts("chart")
.SetXAxis(new DotNet.Highcharts.Options.XAxis
{
Categories =
new[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" }

})
.SetSeries(new DotNet.Highcharts.Options.Series
{
Data = new DotNet.Highcharts.Helpers.Data(new object[] { 20, 30, 40, 50, 20, 60, 14, 72, 30, 35, 10, 20, 25 })
});

私は試した new HighCharts("bar") それでも折れ線グラフが作成されます。

回答：

Visual StudioのPackage Managerコンソールを使用して、次のコマンドを使用してHighchartをインストールしました。これは、 DotNet.Highcharts - 4.0.0

Install-Package DotNet.Highcharts

次に、私は以下のビューを作成しました（JSファイルを含めるのを忘れないでください）。

@{
ViewBag.Title = "Sample";
}
@using DotNet.Highcharts;
@using DotNet.Highcharts.Options;
@using DotNet.Highcharts.Helpers;

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="~/Scripts/Highcharts-4.0.1/js/highcharts.js" type="text/javascript"></script>
@{
Highcharts chrt = new Highcharts("chart")
.SetXAxis(new XAxis { Categories = new[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" } })
.SetYAxis(new YAxis { Title = new YAxisTitle { Text = "Sales" } })
.SetSeries(new Series { Data = new Data(new object[] { 20, 30, 40, 50, 20, 60, 14, 72, 30, 35, 10, 20 }), Name = "Sales" })
.SetTitle(new Title { Text = "Sales Data" })
.InitChart(new DotNet.Highcharts.Options.Chart { DefaultSeriesType = DotNet.Highcharts.Enums.ChartTypes.Column });
}

@(chrt)

そして、その結果は -

ハイチャートのサンプルは、 ここに.