asp.net - 在 Asp.net 图表中将鼠标悬停指针更改为手

Question

我正在使用 Asp.net 图表并显示条形图。我使用 dataPoint.MapAreaAttributes 来调用一个 JS 函数（它检索 ID）以在单击现有图表中的特定栏时显示下一个图表。但我无法在图表上的特定栏上显示鼠标指针。当我使用 Datapoint.Url 时，它将鼠标指针更改为将鼠标悬停在栏上，但我无法调用 JS func。那么如何在特定栏的鼠标悬停时显示手形指针？

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 更改鼠标指针。在栏上应用 CSS，你会得到你想要的

cursor:hand

有所有的选择： http: //www.echoecho.com/csscursors.htm

Answer 4

area 标记有点有趣——css 中的 cursor:hand 和 cursor:pointer 不起作用。但是您可以使用 href 属性来获得相同的效果。找出图表包含元素的ID，然后您可以使用jquery，当页面准备好时，给条形图区域一个空的href：

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