2012-02-23 2 views
2

jqPlot을 사용하여 간단한 선 그래프에서 시간 (x 축)을 기준으로 거리 (y 축)를 표시합니다.jq 기본 데이터와 다르게 레이블이 지정된 틱이있는 축 (축)

그러나 지점을 배치하는 데 사용되는 기본 데이터로 실제 거리가 있지만 Y 축에 이러한 거리를 표시하는 데는 관심이 없습니다.

대신 지정된 거리에 일련의 획기적인 점이 있는데, 해당 점까지의 거리에 해당하는 점 옆에 '눈금'으로 y 축에 표시하고 싶습니다. 이렇게하면 선은 위쪽으로 이동하면서 각 표식을 "통과"하는 것처럼 보입니다.

현재 눈금을 숨기고 수동으로 만든 일련의 레이블을 그래프 옆에 두어 "속이는 것"입니다. 이것은 충분히 잘 작동하지만 사용자가 확대를 선택하면 레이블이 실제 거리와 일치하지 않기 때문에 세로 확대를 비활성화해야했습니다. 내 사용자는 실제로 세로로 확대하고 싶습니다. 그러나 허용하고 싶습니다.

따라서 누구나 사용자 정의 레이블을 jqPlot의 주어진 틱 마크와 연관시킬 수있는 방법 (플러그인 또는 유사)을 알고 있습니까? 그러면 멋지게 일치하고 확대/축소에 응답 할 수 있습니까? 그래프가 너무 크게 축소되면 일부 랜드 마크를 숨길 필요가 있으므로 기능이 있어야합니다.

최소 및 최대 y 값을 전달하는 "확대/축소 이벤트"를 알고있는 사용자는 해당 데이터로 수동 레이블을 다시 만들 수 있으므로 해당 정보를 얻을 수있는 방법을 알고 있다면 알려 주시기 바랍니다. . 나는 하나를 찾을 수 없었다.

+0

재미있을 것 같습니다 (+1). 이걸 정리해 냈어? 그렇지 않으면 http://jsfiddle.net에서 문제를 제시하는 코드 샘플을 보여 주시면 조사 할 수 있습니다. – Boro

답변

0

거리에 맞게 사용자 정의하려면 약간의 코드가 필요하지만 시작하려면 틱에 레이블을 붙이고 차트 크기 이상으로 표시해야합니다.

axes:{yaxis:{ticks:['DiscanceA','DiscanceB', 'DiscanceC', 'DiscanceD', 'DiscanceE'],  
renderer: $.jqplot.CategoryAxisRenderer,}, 

내가 어떻게되는지 그리고 어떤 코드가 있다면 그것을 보게하십시오!

+1

불행히도 Boro의 의견과 마찬가지로 문제의 코드를 공유 할 수 없으며 가짜 예제를 작성할 시간이 없습니다. 예, 저는 이것이 실제로 도움을주기가 매우 어렵다는 것을 알고 있습니다. 나는 내가 알지 못했던 단순한 렌더러가 있다는 것을 물어봤을 때 ... 어쨌든'CategoryAxisRenderer'는 레이블을 균등 한 간격으로 넣었습니다 ... 그 것을 바꾸는 방법을 알고 있습니까? ? – KRyan