Изменить указатель при наведении курсора на Рука в диаграмме Asp.net

Question

Я использую Asp.net Chart и показываю гистограмму. Я использовал dataPoint.MapAreaAttributes для вызова функции JS (которая получает идентификатор), чтобы показать следующую диаграмму при щелчке на определенной панели существующей диаграммы. но я не могу показать указатель мыши на определенной полосе на графике. И когда я использую Datapoint.Url, который меняет указатель мыши на указатель мыши над панелью, но я не могу вызвать функцию JS. Так как же показать указатель руки при наведении курсора на определенный бар?

Answer 1

<asp:Image ID="Image1" runat="server" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'" />

Answer 2

Это решение (в VB.Net):

При создании диаграммы выполняйте программную итерацию по всем точкам данных ряда, примерно так:

While ...
   Dim oPoint as DataPoint = objSeries.Points(n)

   'add code for OnMouseMove and OnMouseOut events

   oPoint.MapAreaAttributes = "OnMouseOver=""document.body.style.cursor = 'pointer';"""

   oPoint.MapAreaAttributes = oPoint.MapAreaAttributes &  "OnMouseOut=""document.body.style.cursor = 'default';"""

End While

С уважением MR

Answer 3

Тег области немного забавен - курсор: рука и курсор: указатель в css не работает на нем. Но вы можете использовать атрибут href, чтобы получить тот же эффект. Выясните идентификатор элемента, содержащего диаграмму, тогда вы можете просто использовать jquery, когда страница будет готова, чтобы дать областям гистограммы пустой href:

$(document).ready(function () {
  $('#YourChartElementID area[shape="rect"]').attr('href', 'javascript:void(0)');
)};

Answer 4

Вы можете изменить указатель мыши с помощью CSS. примените CSS на панели, и вы получите то, что хотите

cursor:hand

есть все варианты: http://www.echoecho.com/csscursors.htm