2012-04-03 2 views
0

4つのユニークなy軸を持つグラフを作成しようとしています。 Firefoxのエラーコンソールレポートにこのエラーを実行している場合:y3axisとy4axisを使用していない場合は4つのyaxisを使用したときのエラー

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

はうまく動作します。

プロットオプションは次のとおりです。

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} 
}; 

とJavaScriptが含まれます:

<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はホットリンクが気に入らないのでjsファイルを最初にキャッシュします)でも、それもできませんでした。 – Mark

答えて

1

同じ問題が発生しました。私の場合は、axesDefaultsではなく軸のパラメータを個別に設定していますが、失敗するのはy3軸です。この軸のtickRendererを指定しないことで問題を回避することができます。この時点では、すべてが機能します。

私は役立つことを願っています。

関連する問題