2012-10-25 1 views
1

다른 곳에서이 답변을 보내 주신다면 진심으로 사과드립니다.하지만 잠시 동안 찾았으므로 아무 것도 찾을 수 없습니다. 나는 자바 스크립트와 jqplot에 대해 아주 익숙하다. 웹에서 찾은 샘플 스크립트를 복사하고 수정하여 코드를 작성하고있다. 따라서 가능한 한 간단하고 구체적으로 답을하고 몇 가지 문맥을 포함 시켜라. 관련성있는 곳.jqplot 옵션 문제

constrainTo 옵션을 사용하여 이동 가능 포인트를 y 축에 고정하려고합니다. jqplot에 대한 설명서에서 명령이 constrainTo : 'y'와 비슷한 형식으로 표시되어야하지만 코드의 위치를 ​​알아낼 수 없습니다. 내 코드가 아래에 있으므로 내가 현재 시도하고있는 것을 볼 수 있습니다 (작동하지 않습니다). 나는 수많은 다른 구성도 시도했지만, 모두 코드가 작동하지 않거나 전혀 효과가 없다. 당신의 도움을 주셔서 대단히 감사합니다!

<html> 
<head> 
<title>Limbo</title> 
<script language="javascript" type="text/javascript" src="jqPlot/dist/jquery.min.js"> </script> 
<script language="javascript" type="text/javascript" src="jqPlot/dist/jquery.jqplot.min.js"></script> 
<script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.highlighter.js"></script> 
<script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.dragable.min.js"></script> 
<script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.canvasOverlay.min.js"></script> 
<script language="javascript" type="text/javascript" src="jqPlot/dist/plugins/jqplot.BezierCurveRenderer.min.js"></script> 
<link rel="stylesheet" href="jqPlot/dist/jquery.jqplot.min.css" type="text/css"  media="all" /> 
<!--[if IE]><script language="javascript" type="text/javascript" src="./scripts/jqplot/excanvas.js"></script><![endif]--> 
<script language="javascript" type="text/javascript"> 

$(document).ready(function() { 
$.jqplot.config.enablePlugins = true; 
$.jqplot('chartdiv', [[[0,2000],[1,1800],[2,1500],[3,1100],[4,700],[5,300],[6,150],[7,100],[8,60],[9,20],[10,0]]], 
    { 
     title: 'Decline Rate', 
    seriesDefaults: { 
      dragable: { 
       constrainTo: 'y' 
      } 
     } 
    }); 
}); 



</script> 
</head> 
<body> 
<div id="chartdiv" style="height:400px;width:300px;"></div> 
</body> 

</html> 

* 최종주의 사항 : 당신은 그들이 당신의 컴퓨터에있는 곳으로의 src 파일을 변경해야이 코드를 렌더링 할 물론, 나는 사람들이 그것을 알 수 대답 가정합니다. 하지만이 코드는 내 목적대로 작동합니다. 제약 조건이 작동하지 않습니다. (그림자 문제와 같은 다른 옵션을 추가하려는 시도도 아니지만 다른 질문을위한 것입니다.)

답변

0

옵션이 seriesDefault로 이동하지 않는 것처럼 보입니다. 옵션을 시리즈로 이동하고 방금 작동했습니다.

series: [{ 
    dragable: { 
     constrainTo: 'y' 
    } 
}] 

체크 아웃을 고정 jsFiddle

+0

물론의 정도를, 감사합니다. 이상하게도 내 관심을 끌었습니다. BezierCurveRenderer를 포함하는 것만으로는 아무 것도하지 않더라도 모든 것을 망가 뜨리는 것입니다. 내가하는 일은 작업 코드를 가져 와서 해당 렌더러를 맨 위에있는 스크립트 목록에 추가하면 모든 것이 작동하지 않습니다. 왜 그럴지 모른다고 생각 해요? – Zach

+0

플러그인에 버그가 있습니다. 해결책은 [https://bitbucket.org/cleonello/jqplot/issue/516/including-beziercurvereerer-plugin-and]를 확인하십시오. 이 문제를 해결하려면 플러그인 파일을 수정하거나 옵션에 seriesDefault가 있어야합니다. – fin