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>
は、このいずれかでいくつかの時間のために壁に頭を強打されて。どんな助けでも大歓迎です。
ありがとう!
ここでエラーを再現しようとしました:http://jsfiddle.net/larsenmtl/A6xAM/1/(jqplotはホットリンクが気に入らないのでjsファイルを最初にキャッシュします)でも、それもできませんでした。 – Mark