2010-08-23 1 views
0

저는 Asp.net 차트를 사용하고 가로 막 대형 차트를 보여줍니다. 나는 dataPoint.MapAreaAttributes를 사용하여 JS func (ID 검색)를 호출하여 기존 차트의 특정 막대를 클릭하면 다음 차트를 표시합니다. 하지만 차트의 특정 막대 위에 마우스를 올려 놓을 수 없습니다. 그리고 Datapoint.Url 마우스 포인터를 바에 mouseover 변경할 바를 사용하지만 JS func를 호출 할 수 없습니다. 그래서 특정 바의 마우스 오버시 핸드 포인터를 어떻게 표시합니까?Mouseover에서 포인터를 Asp.net에서 손으로 변경하십시오.

답변

0

CSS로 마우스 포인터를 변경할 수 있습니다. 막대에 CSS를 적용하고 당신은 당신이 원하는 것을해야

모든 옵션이 있습니다
cursor:hand 

: http://www.echoecho.com/csscursors.htm

+0

빠른 답장을 보내 주셔서 감사합니다. 클래스를 배치 할 곳은 시리즈에 cssclass 속성이 없습니다. 차트에 CSS를 배치하면 차트 전체가 구현됩니다. –

+0

어떻게 보이는지 모르겠으므로 HTML 코드에서 차트를 찾는 방법에 대한 예제가 있습니까? 당신이 할 수있는 일은 jquery selector로 CSS 손 스타일을 만드는 것입니다. 하지만 최선의 선택이 아닙니다. – Stefanvds

+0

나는 2 개의 시리즈를 가지고 있는데, 하나의 시리즈의 마우스 오버시에는 손을 보여 주어야합니다.

3

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

+0

'hand'값이 나에게 효과가 없었습니다 (이유를 모르겠 음). 나는 hand-cursor도 표시하는 'pointer'값을 사용합니다. – Brabbeldas

1

이것은 (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 
).

감사 M.R.

0

지역 태그 조금 재미 - 커서 : 손과 커서 : CSS에서 포인터가 작동하지 않습니다. 그러나 href 속성을 사용하여 동일한 효과를 얻을 수 있습니다. 차트가 포함 된 요소의 ID를 파악한 다음 페이지가 준비되면 jquery를 사용하여 막대 차트 영역에 빈 href를 부여 할 수 있습니다.

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