Question

I am trying to use Chart Helper in ASP.NET MVC3. But problem i am facing is,only the concerned chart is displayed without the master page.

My code is :

Controller

     public ActionResult Chart()
            {
                Chart chart = new Chart(width: 600, height: 400)
                       .AddTitle("Chart")
                    .AddSeries(
                    chartType: "line",
                    legend: "Rainfall",
                    xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May" },
                    yValues: new[] { "20", "20", "40", "10", "10" }).AddSeries(chartType: "line", yValues: new[] { "30", "40", "50", "60", "70" }).Write("png");

                return null;

            }

View

@model dynamic
@{
    ViewBag.Title = "Chart";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Chart</h2>
<h2>About</h2>
<p><img src="@Url.Action("Chart")" alt="hello chart" /></p>

Please help me to find where i am going wrong.

Thanks in Advance

Answer 1

You need to return the chart as an image. Try this:

 public ActionResult Chart()
        {
            Chart chart = new Chart(width: 600, height: 400)
                   .AddTitle("Chart")
                .AddSeries(
                chartType: "line",
                legend: "Rainfall",
                xValue: new[] { "Jan", "Feb", "Mar", "Apr", "May" },
                yValues: new[] { "20", "20", "40", "10", "10" }).AddSeries(chartType: "line", yValues: new[] { "30", "40", "50", "60", "70" })
        .GetBytes("png");


            return File(chart, "image/png");

        }