MVC 4中的图表制作

Question

我已经寻找了很长一段时间，还没有找到我想要的东西。

我想在我的控制器中生成一个图表，并通过ViewModel将其提供给我的视图。我找到的两篇最有用的文章是

http://www.codecapers.com/post/Build-a-Dashboard-With-Microsoft-Chart-Controls.aspx#tb

Charting in ASP.Net MVC 3

它们都向您展示了如何创建图表对象，但是它们并不能帮助我以我想要的方式在视图中显示它。我知道您可以保存图像并简单地从视图中打开图像，但是如果我希望图表是交互式的呢？可能在单击饼图上的切片时转到另一个页面，或者其他有用的“向下钻取”功能。

我是不是很困惑？这种功能在纯asp.net mvc中是可行的吗?还是说我把奇特的特性和第三方的图表库搞混了？如果是前者，我如何在视图中呈现图表对象public Chart queueChart { get; set; }？

顺便说一句，我对使用第三方图表库不感兴趣。

控制器：

//Query from db into model.queue
Chart chart = new Chart();
chart.Width = 600;
chart.Height = 400;
chart.Titles.Add("Title goes here");
chart.ChartAreas.Add(new ChartArea());
Series series = new Series();

series.ChartType = SeriesChartType.Pie;

foreach( Queue i in model.queue )
{
    string x = i.name;
    double y = i.count;

    series.Points.AddXY(x, y);
}

chart.Series.Add(series);

model.queueChart = chart;

Answer 1

This MSDN article描述了如何使用客户端图像映射在图表控件中启用交互性。

在谷歌上搜索"MVC3图像地图图表“可以找到一些资源。

Answer 2

为什么不使用可以绘制图表的JavaScript库呢？这些将提供大量的功能，并允许您拥有交互式图表。

HighCharts

KendoUI

Answer 3

如果你想要交互性，你应该考虑Javascript库。

jqChart是一个基于jQuery的强大且易于使用的库，他们还提供了一个MVC版本。