2011-09-06 4 views
2

jqPlot을 사용하여 간단한 선 차트를 그리는 중이며 Chrome에서 잘 작동합니다. 그러나 IE (9 포함)의 모든 버전에서 jqPlot-plugins은 작동하지 않습니다. pointLabels, dateAxisRenderer 및 형광펜 플러그인을 시도했지만 효과가 없습니다.jqPlot-plugin이 IE에서 작동 중입니다.

내 코드는 jqPlot 사이트의 예제와 거의 같습니다. 내가 알고있는 유일한 차이점은 JavaScript를 통해 동적으로 차트의 div 요소 자리 표시자를 만드는 것입니다.

I 차트 만드는 데 사용하는 코드의 그 : 솔루션

:

scurve_chart = $.jqplot('cv', [line1], { 
      title: 'distribute costs', 
      seriesDefaults: { 
       showMarker:false, 
       pointLabels: { show: true, location: 's', ypadding: 3 } 
      }, 
      axes: { 
       xaxis: { 
        min: 0.5, 
        tickOptions: { 
         formatString: '%.0f' 
        } 
       }, 
       yaxis: { 
        max: Math.round(max_value_to_dist * 1.10), 
        min: 0, 
        tickOptions: { 
         formatString: '%.0f' 
        } 
       } 
      } 
     }); 

내가 jqplot 및 JQuery와-1.4.1

// 업데이트의 최신 버전을 사용은 문제는 모든 플러그인 파일을 jqplot 홈페이지에서 직접 포함 시켰습니다. 예를 들면 다음과 같습니다. <script type="text/javascript" src="http://www.jqplot.com/src/plugins/jqplot.dateAxisRenderer.min.js"></script>

IE와 같이 보이지 않습니다.

+0

아래의 답변이 도움이되지 않는다면 DIV 자리 표시자를 만드는 데 사용하는 코드도 표시 할 수 있습니까? –

답변

3

당신이 제공 한 예제 코드에 포함 된 것을 보여주기 위해 생략했습니다. IE에서 아무 것도 그려 내지 않거나 기본 선 그래프를 그리지 만 렌더러를 사용하지 않습니까?

가 IE를 들어, 각 플러그인에 대한 또한

<!--[if IE]><script type="text/javascript" src="../excanvas.js"> 
      </script><![endif]--> 

(당신의 jqplot.js이 들어있는 같은 디렉토리 가리키는 excanvas.js에 대한 경로를 보장) 다음 줄을 포함 할 필요가, 또 다른이있다 추가하는 것을 포함하십시오 eg barrenderer의의 .js로 지정된 올바른 경로 다시

<script type="text/javascript" src="../plugins/jqplot.barRenderer.min.js"> 
</script> 

사용자가 지정한 경로가있는 경우, 나열된 확인

를 제출하기 전에 $ (문서) .ready가 포함 된 태그 (함수() .css 파일이 처음 시작할 때 올바르게로드되는지 확인하십시오.

+0

문제점을 발견했습니다 (업데이트 된 질문 참조). 스크립트에 문제가있을 수 있습니다. 태그가 꽤 좋았습니다. 답변을 받아 들일 만하다고 생각합니다. – Preli

+2

적 yone은 마이크로 소프트를 아주 좋아합니까? - 그들은 웹 개발자의 삶을 훨씬 더 쉽게 만들어줍니다 ... lol –

관련 문제