Использование ASP.NET MVC 3.0 для отображения меток столбцов при наведении курсора на гистограмму - PullRequest
2 голосов
/ 04 мая 2011

Я искал решение для этого, и хотя я вижу, как это сделать с помощью Silverlight, я не могу найти его для ASP.NET. Я сгенерировал простую гистограмму, используя Microsoft Chart Tools, но добавлено большое количество столбцов, поэтому метки на оси x нечеткие и отображаются только для нескольких столбцов.

Код, который я использовал для создания диаграммы:

public ActionResult ChartUserTotals() {
    var data = new ArrayList {};
    foreach (var user in org.Users) {
        data.Add(new { X = user.FullName, Y = UserTotal });
    }
    new Chart(400, 300, ChartTheme.Blue)
                .AddTitle("User Totals")
                .DataBindTable(data, "X")
                .SetYAxis("Totals")
                .Write("png");
    return null;
}

И на мой взгляд:

<img src='@url.Action("ChartUserTotals", "Dashboard")' alt="User Totals"/>

Кто-нибудь знает, как я могу отображать значения меток при наведении курсора на колонку?

Ответы [ 2 ]

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

Я знаю, что спрашивал об этом много лет назад, но я подумал, что должен упомянуть, что данный ответ (с использованием заголовка attirbute) не тот, который я искал (так как подсказка должна отличаться в зависимости от того, какой столбец зависает пользователь более), однако я решил это по-другому. Я закончил тем, что использовал плагин jQuery HighCharts (это действительно простой, не говоря уже о прекрасном плагине jQuery). Не очень дружественный MVC, хотя, нужно было вставить массив C # в javascript через Razor, но это сработало. Для тех, у кого похожая проблема, это то, что я рекомендую

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

Я просто использую атрибут Title в элементе Html.

<img alt="ToolTip" src="/PermitApplication/Content/images/information.png" title="Enter
the phone number using XXX-XXX-XXXX or (XXX) XXX-XXXX">

Кажется, работает в любом современном браузере.

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