2010-08-23 15 views
0

J'utilise le tableau Asp.net et montre diagramme à barres. J'ai utilisé dataPoint.MapAreaAttributes pour appeler une fonction JS (qui récupère l'ID) pour afficher le graphique suivant au clic d'une barre particulière dans le graphique existant. mais je suis incapable de montrer le pointeur de la main sur la souris sur la barre particulière sur la carte. Et quand j'utilise Datapoint.Url qui change le pointeur de la souris pour passer la souris sur la barre, mais je suis incapable d'appeler la fonction JS. Alors, comment montrer le pointeur de la main sur le passage de la souris d'une barre particulière?Modifier le pointeur de la souris en passant à la main en Asp.net Graphique

Répondre

0

vous pouvez changer le mousepointer avec CSS. appliquer le CSS sur les barres et vous aurez ce que vous voulez

cursor:hand 

il y a toutes les options: http://www.echoecho.com/csscursors.htm

+0

Merci pour la réponse rapide. mais où placer la classe, dans la série il n'y a pas de propriété cssclass. quand j'ai placé css pour le graphique, l'ensemble de la main de graphique est mis en œuvre. –

+0

Avez-vous un exemple de la façon dont le code HTML cherche un tel tableau parce que je n'ai aucune idée de ce à quoi cela ressemble. ce que vous pouvez faire est de style la main CSS avec jquery selector. mais ce n'est pas la meilleure option – Stefanvds

+0

J'ai 2 séries, au passage de la souris d'une série dans la barre j'ai besoin de montrer la main. lorsque j'affecte css-xlink dans

3

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

+0

La valeur 'main' n'a pas fonctionné pour moi (je ne sais pas vraiment pourquoi). J'utilise la valeur 'pointeur' qui affiche également un curseur-main. – Brabbeldas

1

C'est la solution (en VB.Net):

Lors de la création de votre graphique, effectuez une itération par programmation sur tous les points de données de la série, de la manière suivante:

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 

Cordialement M.R.

0

L'étiquette de la zone est un peu drôle - curseur: main et curseur: pointeur dans css ne fonctionne pas sur elle. Mais vous pouvez utiliser un attribut href pour obtenir le même effet. Calculez l'ID de l'élément contenant du graphique, vous pouvez simplement utiliser jquery, lorsque la page est prête, de donner les zones de graphique à barres un vide href:

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