Как показать подсказку с помощью ASP.NET MVC 3 Chart Web Helper - PullRequest
1 голос
/ 02 апреля 2011

Есть ли пример для отображения всплывающей подсказки на диаграмме, созданной Chart Web Helper в движке ASP.NET MVC 3 Razor? Я должен создать и показать дочернюю диаграмму, когда пользователь нажимает на любую точку родительской диаграммы. Пожалуйста, дайте мне знать, как я могу это сделать.

Ответы [ 2 ]

1 голос
/ 20 июля 2011

Прямо сейчас, нет способа сделать это.

0 голосов
/ 24 мая 2011

Я не совсем уверен, что вы спрашиваете, но я думаю, что это ...

Это покажет страницу с диаграммой.Когда вы нажимаете на график, он открывает новый график.Очень простой, но, возможно, достаточно, чтобы поиграть с ним.

Поместите это в свой контроллер:

    public ActionResult GetRainfallChart()
    {
        var key = new Chart(width: 600, height: 400)
            .AddSeries(
                chartType: "bar",
                legend: "Chart",
                xValue: new[] { "Mon", "Tue", "Wed", "Thu", "Fri" },
                yValues: new[] { "23", "12", "13", "42", "22" })
            .Write();

        return null;
    }

    public ActionResult GetRainfallChart2()
    {
        var key = new Chart(width: 600, height: 400)
            .AddSeries(
                chartType: "pie",
                legend: "Another chart",
                xValue: new[] { "Mon", "Tue", "Wed", "Thu", "Fri" },
                yValues: new[] { "23", "12", "13", "42", "22" })
            .Write();

        return null;
    }

и это для вашего просмотра:

<!DOCTYPE html>
<html>
<head>
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script>
    <script>
        $(function () {
            $("#dialog").dialog({
                autoOpen: false
            });

            $("#chart").click(function () {
                $("#dialog").dialog("open");
                return false;
            });
        });
    </script>
</head>

<body>

    <img id="chart" src="/Home/GetRainfallChart" alt="Chart tooltip" />

    <div id="dialog">
        <img src="/Home/GetRainfallChart2" />
    </div>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...