如何使用MVC Chart Helper和razor格式化轴标签?

时间:2016-05-27 20:02:27

标签: asp.net-mvc-4 razor asp.net-mvc-5

作为一项训练练习,我将我从webforms写入的天气数据应用程序转换为MVC5。我能够将整个应用程序转换为MVC,但图形页面除外。我的旧应用程序使用了ZedGraph。对于新应用程序,我试图使用Chart帮助程序,但我似乎无法弄清楚如何格式化轴标签。数据来自具有Date属性的WeatherData对象列表,我希望将其显示为时间。

有没有办法格式化标签?

我认为最糟糕的情况是我可以向WeatherData添加一个新属性来格式化日期,但这违背了显示逻辑与业务逻辑的分离。

@{ 
var myChart = new Chart(width: 700, height: 400)
    .AddTitle(ViewBag.Station)
    .AddSeries("Maximum wind speed", chartType: "line",
        xValue: Model.data, xField: "Date",
        yValues: Model.data, yFields: "MaximumWindspeed")
    .AddSeries("Average wind speed", chartType: "line",
        xValue: Model.data, xField: "Date",
        yValues: Model.data, yFields: "AverageWindspeed")
    .Write();
}

Example Graph

0 个答案:

没有答案