Microsoft Cartographie, MVC 3 et Rasoir

J'ai passé quelques jours à la recherche d'une solution qui crée des graphiques interactifs en MVC, mais tous les exemples que j'ai vu étaient plus compliquées que ce qu'ils ont à être.

La réponse de Sarath est presque parfait, mais il enregistre l'image deux fois, ce qui n'est pas très efficace. Avec la fonction Html.RenderAction (), nous pouvons tout faire en une seule passe, et la rendre aussi efficace que possible.

Voici la solution je suis venu avec:

http://blog.smirne.com/2012/09/creating-interactive-charts-with-aspnet.html

Je n'ai pas vu de solution qui peut tout faire en une seule passe. La meilleure partie de cela est qu'il ne nécessite pas de modifications sur le web.fichier de configuration. Il également ne pas essayer d'utiliser un ASP.net contrôle de la MVC. C'est de la pure MVC technologie.

Mise à JOUR

Voici le code de demande:

CONTRÔLEUR:

public ActionResult Chart()
{
    var chart = buildChart();
    StringBuilder result = new StringBuilder();
    result.Append(getChartImage(chart));
    result.Append(chart.GetHtmlImageMap("ImageMap"));
    return Content(result.ToString());
}

Les Fonctions De L'Utilitaire:

private Chart buildChart()
{
    //Build Chart
    var chart = new Chart();

    //Create chart here
    chart.Titles.Add(CreateTitle());
    chart.Legends.Add(CreateLegend());
    chart.ChartAreas.Add(CreateChartArea());
    chart.Series.Add(CreateSeries());

    return chart;
}

private string getChartImage(Chart chart)
{
    using (var stream = new MemoryStream())
    {
       string img = "<img src='data:image/png;base64,{0}' alt='' usemap='#ImageMap'>";
       chart.SaveImage(stream, ChartImageFormat.Png);
       string encoded = Convert.ToBase64String(stream.ToArray());
       return String.Format(img, encoded);
    }
}

VUE:

@{ Html.RenderAction("Chart"); }