Ответ 1
Элементы управления диаграммой можно использовать двумя способами:
Создание изображения с контроллера
Создавая диаграмму и возвращая ее как изображение из действия (как говорит Чатюман, я думаю):
Chart chart = new Chart();
chart.BackColor = Color.Transparent;
chart.Width = Unit.Pixel(250);
chart.Height = Unit.Pixel(100);
Series series1 = new Series("Series1");
series1.ChartArea = "ca1";
series1.ChartType = SeriesChartType.Pie;
series1.Font = new Font("Verdana", 8.25f, FontStyle.Regular);
series1.Points.Add(new DataPoint {
AxisLabel = "Value1", YValues = new double[] { value1 } });
series1.Points.Add(new DataPoint {
AxisLabel = "Value2", YValues = new double[] { value2 } });
chart.Series.Add(series1);
ChartArea ca1 = new ChartArea("ca1");
ca1.BackColor = Color.Transparent;
chart.ChartAreas.Add(ca1);
using (var ms = new MemoryStream())
{
chart.SaveImage(ms, ChartImageFormat.Png);
ms.Seek(0, SeekOrigin.Begin);
return File(ms.ToArray(), "image/png", "mychart.png");
}
Стиль WebForms
Таким образом вы просто включаете диаграмму в свои .aspx-представления (как и в традиционных веб-формах). Для этого вам нужно подключить соответствующие биты в файле web.config
<controls>
...
<add tagPrefix="asp"
namespace="System.Web.UI.DataVisualization.Charting"
assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</controls>
<httpHandlers>
...
<add path="ChartImg.axd"
verb="GET,HEAD"
validate="false"
type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
</httpHandlers>
<handlers>
...
<add name="ChartImageHandler"
preCondition="integratedMode"
verb="GET,HEAD"
path="ChartImg.axd"
type="System.Web.UI.DataVisualization.Charting.ChartHttpHandler, System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</handlers>
Вы не можете запускать код внутри элементов DataPoint при построении диаграммы, поэтому для подключения ваших данных вам понадобится метод в классе View. Это работает нормально для меня. Работа таким образом заставляет элемент управления отображать URL-адрес изображения, сгенерированного обработчиком HTTP управления диаграммой. В вашем развертывании вам необходимо предоставить папку для записи, в которой он будет кэшировать изображения.
* Поддержка VS 2010/.NET 4 *
Чтобы получить эту работу в .NET 4, вам необходимо изменить ссылки на диаграмму на версию 4.0.0.0 с помощью соответствующего открытого ключа.
Также кажется, что теперь элемент управления диаграммой генерирует URL-адреса для текущего пути запроса, а не для маршрута запроса. Для меня это означало, что все запросы диаграммы привели к 404 ошибкам, потому что /{Controller}/ChartImg.axd
и эквиваленты были заблокированы маршрутами. Чтобы исправить это, я добавил дополнительные вызовы IgnoreRoute, которые охватывают мои обычаи - более общее решение было бы лучше:
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("ChartImg.axd/{*pathInfo}");
routes.IgnoreRoute("{controller}/ChartImg.axd/{*pathInfo}");
routes.IgnoreRoute("{controller}/{action}/ChartImg.axd/{*pathInfo}");
...