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>
이 하나 몇 시간 동안 벽에 머리를 두드리는되었다. 어떤 도움을 많이 주셨습니다.
감사합니다.
http://jsfiddle.net/larsenmtl/A6xAM/1/ (jqplot은 hotlinking을 좋아하지 않으므로 js 파일을 먼저 캐시 함)하지만 오류도 재현하려고했습니다. – Mark