jqplot json 예제

ASP.NET 웹 사이트를 JQPlot과 구성하고 통합하는 작업이 완료되었습니다. JQPlot에는 훨씬 더 깊고 넓은 구성과 다른 많은 그래프 유형 및 옵션이 있습니다. JQPlot의 기능에 대한 자세한 내용 과 데모에 대한 자세한 내용은 jquery.jqplot.min.css ——————-csS 라이브러리 를 http://www.jqplot.com/tests/ 방문하십시오 jqplot 플롯 대상은 커서가 바 위에 moused 경우에도 `jqplotDataMouseOver`를 발사 강조 표시가 꺼져 있습니다. 이 이벤트는 사용자가 막대 위로 마우스를 사용할 때 계속 발생합니다. `jqplotDataHighlight`는 사용자가 처음 막대를 통과할 때 한 번만 발생합니다. 또한 사용자가 막대 밖으로 이동할 때 (강조 표시가 활성화된 경우) `jqplotDataUnhighlight` 이벤트가 발생합니다. 이 예제에서 설명한 것처럼 json에 들어오는 서버 측의 데이터를 사용하여 jqPlot을 사용하고 싶습니다: http://www.jqplot.com/tests/data-renderers.php jquery.min.js ———————————JS 라이브러리 jquery.jqplot.min.js ——————- — JS 라이브러리 jqplot.bubbleRenderer.min.js ————-JS 라이브러리 jqplot.json2.js ————————-JS 라이브러리 ts-jqplot-script.js ————————–우리의 데모 자바 스크립트 코드 사용자 포럼: http://groups.google.com/group/jqplot-users 사용자 데이터가 플롯에 전달 된 모든 데이터가 있는 경우, 플롯 개체는 플롯 자체에 다시 참조이며, 옵션은 플롯에 전달되는 옵션입니다. 다음 예제에서는 ajax외부 json 데이터 원본에서 데이터를 가져오는 보다 복잡한 예제를 보여 주며, ajax는 데이터를 가져옵니다. JQPlot의 세부 정보로 이동하기 전에 먼저 그래프에 대한 데이터를 준비해야합니다. JQPlot은 JSON 형식으로만 그래프 데이터를 허용합니다.

예를 들어 다음 JSON 플롯 배열을 확인합니다. 자세한 내용은 설명서 및 예제를 참조하십시오. 따라서 x축에 대한 목록과 y축에 대한 EarningValue의 각 개체의 EarningDate 속성을 플롯해야 합니다. 따라서 분명히 우리가해야 할 일은 이전 JSON 형식과 같은 문자열을 만드는 것입니다. 이 작업은 모든 EarningDate 및 EarningValue를 가져오는 목록의 각 개체를 반복하고 이전 형식처럼 보이도록 한 문자열로 연결하여 수행할 수 있습니다. 하지만 조심하세요. 여기에서 강조 표시해야 하는 매우 중요한 경우가 있습니다. 문자열을 빌드할 때 큰따옴표 대신 따옴표 사이에 날짜 또는 x축 값(문자열인 경우 x축 값)을 넣어야 하므로 이 에 대한 이유는 이 게시물의 후반부에서 설명합니다.

 
Mobile Site

Follow Us On Facebook Follow Us On Twitter Follow Us On Google + Follow Us On LinkedIn Follow Us On You Tube Copyright 2019 © All Rights Reserved. Powered by - ARE Network Solutions