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

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

С уважением М.Р.

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