2012-04-03 5 views
0

4 가지 고유 한 y 축이있는 차트를 만들려고합니다. , 파이어 폭스 오류 콘솔 보고서이 오류를 실행하는 경우 :4 yaxis를 사용할 때의 오류

ac.getTop is not a function 
jquery.jqplot.min.js line 57 

잘 작동하지 않을 경우는 y3axis 및 y4axis를 사용하여.

var ChartSettings_Weather_Short = 
{ 
    title: '24-Hour Readings', 
    grid: { background: "#111111", borderColor: "#444444", gridLineColor: "#444444" }, 

    seriesColors: [ "#888888", "#888888", "#888888", "#888888" ], 

    seriesDefaults: 
    { 
     pointLabels:  { show: false   }, 
     pad:    0.5, 
     markerOptions:  { show: false, size: 6 }, 
     useNegativeColors: false, 
     shadow:   true, 
     shadowDepth:  10, 
     shadowAlpha:  0.9, 
     shadowAngle:  45 
    },   

    series: 
    [ 
     {     show:true, renderer:$.jqplot.LineRenderer, rendererOptions: { fillToZero:true }, markerOptions: { style:'dimaond' } }, 
     { yaxis:'y2axis', show:true, renderer:$.jqplot.LineRenderer, rendererOptions: { fillToZero:true }, markerOptions: { style:'circle' } }, 
     { yaxis:'y3axis', show:true, renderer:$.jqplot.LineRenderer, rendererOptions: { fillToZero:true }, markerOptions: { style:'square' } }, 
     { yaxis:'y4axis', show:true, renderer:$.jqplot.LineRenderer, rendererOptions: { fillToZero:true }, markerOptions: { style:'x'  } } 
    ], 

    axesDefaults: 
    { 
     syncTicks:  true, 
     useSeriesColor: true, 
     autoscale:  true, 
     renderer:  $.jqplot.LinearAxisRenderer, 
     rendererOptions: { alignTicks: true }, 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
     tickOptions:  { fontFamily: 'Georgia', fontSize: '10pt', angle: 0 } 
    }, 

    axes: 
    { 
     xaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: ChartData.WeatherHistory.Short.HorizontalTicks } 
    }, 

    legend: 
    { 
     show:  false, 
     location: 'sw', 
     xoffset: 12, 
     yoffset: 12 
    }, 
    highlighter:{bringSeriesToFront:false} 
}; 

와 자바 스크립트는 포함 :

플롯 옵션은

<script language="javascript" type="text/javascript" src="javascript/json2.js"       ></script> 
<script language="javascript" type="text/javascript" src="javascript/excanvas.min.js"     ></script> 

<script language="javascript" type="text/javascript" src="javascript/jquery-1.7.1.min.js"    ></script> 
<script language="javascript" type="text/javascript" src="javascript/jquery.jqplot.min.js"    ></script> 

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

<script language="javascript" type="text/javascript" src="javascript/jqplot.canvasTextRenderer.min.js"  ></script> 
<script language="javascript" type="text/javascript" src="javascript/jqplot.canvasAxisTickRenderer.min.js" ></script> 
<script language="javascript" type="text/javascript" src="javascript/jqplot.categoryAxisRenderer.min.js" ></script> 
<script language="javascript" type="text/javascript" src="javascript/jqplot.enhancedLegendRenderer.min" ></script> 
<script language="javascript" type="text/javascript" src="javascript/jqplot.pointLabels.min.js"   ></script> 
<script language="javascript" type="text/javascript" src="javascript/jqplot.canvasAxisLabelRenderer.min.js"></script> 

<script language="javascript" type="text/javascript" src="javascript/jqplot.highlighter.min.js">  </script> 

이 하나 몇 시간 동안 벽에 머리를 두드리는되었다. 어떤 도움을 많이 주셨습니다.

감사합니다.

+0

http://jsfiddle.net/larsenmtl/A6xAM/1/ (jqplot은 hotlinking을 좋아하지 않으므로 js 파일을 먼저 캐시 함)하지만 오류도 재현하려고했습니다. – Mark

답변

1

동일한 문제가 발생했습니다. 필자는 axesDefaults를 통하지 않고 축 매개 변수를 개별적으로 설정하고 있으며 실패하는 y3axis입니다. 이 축에 대한 tickRenderer를 지정하지 않으면이 문제를 해결할 수 있습니다.이 시점에서 모든 것이 작동합니다.

도움이 되었기를 바랍니다.

관련 문제