Можно использовать некоторую помощь, чтобы понять, как завершить реализацию Microsoft Chart с возможностями детализации под MVC - PullRequest
0 голосов
/ 14 января 2012

У меня большая часть этого разобрана, но мне интересно, нужно ли мне возвращать частичный просмотр страницы или просто изображение.

Итак, способ развертывания развернутых диаграмм в MVC можно увидеть по адресу: http://geekswithblogs.net/DougLampe/archive/2011/01/23/charts-in-asp.net-mvc-2-with-drill-down.aspx

Ключевой момент, который следует здесь подчеркнуть, заключается в том, что мы используем свойство URL-адреса ряда для навигации по уровню на диаграмме.

public ActionResult HistoricalChartMap(int reportID)
{
    HistoricalChartData chartData = new HistoricalChartData(reportID, string.Format("Chart_{0}", Guid.NewGuid().ToString().Replace('-', 'a')));
    LineChart chart = new LineChart(chartData);

    foreach (Series series in chart.Series)
    {
        string postBackValue = series.PostBackValue;
        series.Url = string.Format("../Chart/HistoricalDrillDown?ReportID={0}&PostBackValue={1}", reportID, postBackValue);
    }

    //Must call SaveImage before GetHtmlImageMap
    var imgStream = new MemoryStream();
    chart.SaveImage(imgStream);
    imgStream.Seek(0, SeekOrigin.Begin);

    string sessionKey = string.Format("HistoricalReport: {0}", reportID);
    Session[sessionKey] = chart;

    // Return the contents of the Stream to the client
    return Content(chart.GetHtmlImageMap("HistoricalChartMap"));
}

Обратите внимание, что URL-адрес указывает на метод моего ChartController:

public ActionResult HistoricalDrillDown(int reportID, string postBackValue)
{
    string sessionKey = string.Format("HistoricalReport: {0}", reportID);
    LineChart lineChart = (LineChart)Session[sessionKey];
    lineChart.DrillChart(postBackValue);

    var imgStream = new MemoryStream();
    lineChart.SaveImage(imgStream);
    imgStream.Seek(0, SeekOrigin.Begin);

    // Return the contents of the Stream to the client
    return File(imgStream, "image/png");
}

HistoricalDrillDown возвращает новый ChartImage, который я хотел бы отобразить при частичном просмотре, но в этот момент я сбрасываю мяч. Как мне перейти к замене моего текущего изображения диаграммы возвращенным изображением? В настоящее время я просто перенаправлен на новую страницу, на которой только изображение диаграммы.

Разметка моего частичного представления выглядит примерно так:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<div id="HistoricalChartDialog">
    <div id="ChartConfigurators">
        <label for="ReportSelector">Historical Chart: </label>
        <select id="ReportSelector" name="ReportSelector"></select>

        <div id="ToggleLegendWrapper">
            <label for="ToggleLegend">Toggle Legend</label>
            <input type="checkbox" id="ToggleLegend" name="ToggleLegend" />
        </div>
    </div>
    <img id="HistoricalChart" src="" alt="" usemap="#HistoricalChartMap" />
</div>

Обратите внимание на тег img в середине этого частичного представления. Я хотел бы обновить атрибут SRC img после того, как пользователь перешел по URL-адресу к HistoricalDrillDown.

Принимая предложения. :)

С уважением.

1 Ответ

0 голосов
/ 18 января 2012

Я решил сделать это:

foreach (Series series in lineChart.Series)
{
    series.Url = string.Format("javascript: DrillChart('{0}')", series.PostBackValue);
}

и затем обработал логическую часть клиента для замены изображения.

...