图表在ASP。净MVC3-ChartinginASP.NetMVC3

35  

The chart controls are based off a previously separate project called MS Chart.

图表控件是基于一个以前称为MS图表的独立项目。

Alex Gorev's Blog (MSFT lead dev for the project): http://blogs.msdn.com/b/alexgor/

Alex Gorev的博客(MSFT lead dev for the project): http://blogs.msdn.com/b/alexgor/

MS Chart Forums: http://social.msdn.microsoft.com/Forums/en-US/MSWinWebChart/

女士表论坛:http://social.msdn.microsoft.com/Forums/en-US/MSWinWebChart/

Documentation on MSDN: http://msdn.microsoft.com/en-us/library/dd456632(VS.100).aspx

在MSDN文档:http://msdn.microsoft.com/en-us/library/dd456632(VS.100). aspx

The posts seem a bit out of date, but the API is pretty much the same between MS Chart and the new Data Visualization libraries.

这些文章似乎有点过时，但是MS图表和新的数据可视化库之间的API几乎是一样的。

To address your example questions:

要解决示例问题，请:

1) To display labels outside the chart, each Series object has a dictionary array of properties.

1)为了显示图表外的标签，每个系列对象都有一个属性字典数组。

series["PieLabelStyle"] = "Outside";

系列(“PieLabelStyle”)=“外”;

2) To specify percentages rather than raw values, the Series object's Label property takes a formatting string.

要指定百分比而不是原始值，Series对象的Label属性采用格式化字符串。

series.Label = "#PERCENT{P0}"

系列。Label = " # % { P0 }”

These custom attributes are available in detail at http://msdn.microsoft.com/en-us/library/dd456764.aspx.

这些自定义属性可以在http://msdn.microsoft.com/en-us/library/dd456764.aspx上获得详细信息。

EDIT: Adding Code Example

编辑:添加代码的例子

Okay, here's a full code example. I'm using System.Web.DataVisualization v4.0.0.0, so this should be current with MVC 3. The series listed above isn't the actual Chart.Series properties (that's a SeriesCollection). It's the individual series that you're adding to that collection.

这里有一个完整的代码示例。我用包含。datavialization v4.0.0.0，所以这应该是当前的MVC 3。上面列出的系列不是实际的图表。系列属性(这是一个SeriesCollection)。它是你要添加到那个集合中的单个系列。

public ActionResult TestForSOExample()
{
  // slug in some data
  var data = new Dictionary
        {
            {"test", 10.023f},
            {"test2", 20.020f},
            {"test3", 19.203f},
            {"test4", 4.039f},
            {"test5", 5.343f}
    };


  var chart = new Chart();

  var area = new ChartArea();
  // configure your chart area (dimensions, etc) here.
  chart.ChartAreas.Add(area);

  // create and customize your data series.
  var series = new Series();
  foreach (var item in data)
  {
        series.Points.AddXY(item.Key, item.Value);
    }
  series.Label = "#PERCENT{P0}";
  series.FOnt= new Font("Segoe UI", 8.0f, FontStyle.Bold);
  series.ChartType = SeriesChartType.Pie;
  series["PieLabelStyle"] = "Outside";

  chart.Series.Add(series);

  var returnStream = new MemoryStream();
  chart.ImageType = ChartImageType.Png;
  chart.SaveImage(returnStream);
  returnStream.Position = 0;
  return new FileStreamResult(returnStream, "image/png");
}

When you call up the controller's action, you're presented with the following images.

当您调用控制器的动作时，您将看到以下图像。

0  

I would recommend to render charts on the client, rather that making on the server, server is actually should be used for pulling the data from. I would use smth like google charts for that. But if you're really decided to pull charts from server, images to be specific, then the easiest is to use the above approach - Chart class. But, one disadvantage of this approach is that there is no designer for that, but actually, as I found, if you create WinForms app and drag and drop Charts control, it is exactly the same and there is a designer for that, all you need is to copy/paste designer generated code and write some processing logic, if needed. It makes life much easier.

我建议在客户机上呈现图表，而不是在服务器上创建，服务器实际上应该用于从服务器上提取数据。我会用smth，比如谷歌图表。但是，如果您真的决定从服务器上提取图表，具体来说就是图像，那么最简单的方法就是使用上面的方法——图表类。但是,这种方法的一个缺点是没有设计师,但实际上,我发现,如果你创建WinForms应用程序和拖拽控制图表,这是完全一样的,一个设计师,你只需要复制/粘贴设计师生成的代码和写一些处理逻辑,如果必要的。它使生活更容易。