ASP.NET MVC 3.0을 사용하여 가로 막 대형 차트 위로 마우스를 가져 가면 표시

Question

나는이 문제에 대한 해결책을 찾았으며 Silverlight로하는 방법을 볼 수는 있지만 ASP에서는 해결할 수 없습니다. 그물. Microsoft의 차트 도구를 사용하여 간단한 가로 막 대형 차트를 만들었지 만 x 축의 레이블이 명확하지 않도록 많은 수의 열이 추가되어 몇 개의 열에 대해서만 표시됩니다.

내가 차트를 생성하는 데 사용했습니다 코드는 다음과 같습니다

public ActionResult ChartUserTotals() { 
    var data = new ArrayList {}; 
    foreach (var user in org.Users) { 
     data.Add(new { X = user.FullName, Y = UserTotal }); 
    } 
    new Chart(400, 300, ChartTheme.Blue) 
       .AddTitle("User Totals") 
       .DataBindTable(data, "X") 
       .SetYAxis("Totals") 
       .Write("png"); 
    return null; 
} 

그리고 내보기에

:

<img src='@url.Action("ChartUserTotals", "Dashboard")' alt="User Totals"/> 

사람이 내가 열 마우스 오버의 라벨 값을 표시 할 수있는 방법을 알고 있나요?

Answer 1

내가 전에이 질문을 한 것을 알고 있지만 주어진 답변 (제목 attirbute 사용)은 사용자가 어떤 열에 따라 툴팁이 다를 필요가 있기 때문에 내가 찾고있는 것이 아니라고 언급해야한다고 생각했습니다. 호버링 오버), 그러나 나는 이것을 다른 방식으로 해결했다. 나는 HighCharts이라는 jQuery 플러그인을 사용했다. (정말 쉽고, jQuery 플러그인도 훌륭하다.) 대단히 MVC 친화적 인 아니지만 면도기를 통해 자바 스크립트로 C# 배열을 밀어 넣을 필요가 있었지만 작동했습니다. 비슷한 문제가있는 사람이라면, 내가 추천 한 것입니다.

Answer 2

단순히 HTML 요소의 Title 속성을 사용합니다.

<img alt="ToolTip" src="/PermitApplication/Content/images/information.png" title="Enter 
the phone number using XXX-XXX-XXXX or (XXX) XXX-XXXX"> 

현대적인 브라우저에서 작동하는 것으로 보입니다.