asp.net-mvc - mvc4 的 highchart 示例

Question

朋友我是新手highchart，需要你的帮助来创建图表MVC 4，我在 Home 控制器上编写代码，比如......

public class HomeController : Controller
{

    public ActionResult Index()
    {
        Highcharts chart = new Highcharts("chart")
    .SetCredits(new Credits { Enabled = false })
    .InitChart(new Chart { DefaultSeriesType = ChartTypes.Column })
    .SetTitle(new Title { Text = "Membership Overview" })
    .SetXAxis(new XAxis { Categories = new[] { "Paid Members", "Active Members", "Retained Members", "New Members", "Lapsed Members" } })
    .SetYAxis(new YAxis
    {
        Min = 0,
        Title = new YAxisTitle { Text = "Total Members" }
    })
    .SetTooltip(new Tooltip { Formatter = "function() { return ''+ this.series.name +': '+ this.y +''; }" })
    .SetPlotOptions(new PlotOptions { Bar = new PlotOptionsBar { Stacking = Stackings.Normal } })
    .SetSeries(new[]
               {
                   new Series { Name = "Total", Data = new Data(new object[] { 441, 441, 22, 30, 610 }) }
                });


        return View(chart);
    }
}

现在我不明白如何在index.cshtml页面上呈现它。

Answer 1

您的 Index.cshtml 页面应该看起来像这样来显示您的图表。

@model DotNet.Highcharts.Highcharts

@{
   var chart = Model;
}

if(Model != null) {
    @(chart)
}