IE7 で JavaScript を実行する際の互換性の問題に関連する一連の質問を受けました。jqplot を使用して図を生成しています。これは Chrome と IE8 ではうまく機能しますが、IE7 では機能しません。
診断するには、最も単純なコード$.jqplot('chart1', s1)
を実行するだけで、IE7 で動作します。したがって、問題はすべてのオプションに関するものだと思います(凡例を除く)。誰か私に何か提案をしてもらえますか? IE7 は特定のタイプの構文のみを受け入れますか?
コードとデモ:
<div id="chart1" style="margin-top:20px; margin-left:20px; width:650px; height:400px;"></div>
<!--[if lt IE 9]>
<script src="http://www.prioritymarketers.com/jqplot/src/excanvas.min.js"></script>
<![endif]-->
<script>
$.jqplot.config.enablePlugins = true;
var ms= 2
var s1 =[[5.0, 23.0, 131.0, 779.0, 4667.0, 27995.0, 167963.0, 1007771.0, 6046619.0, 36279707.0], [13.0, 85.0, 517.0, 3109.0, 18661.0, 111973.0, 671845.0, 4031077.0, 24186469.0, 145118821.0]]
L = [{label: 'Stage 1'}];
var i = 2
while (i <= ms) {
L.push({label: 'Stage' + i});
i++;
}
$.jqplot('chart1', s1, {
seriesDefaults: {
showMarker: false,
pointLabels: {
show: false
},
},
series: L,
axes: {
xaxis: {
label: 'Time units',
pad: 0,
},
yaxis: {
label: 'Number of individuals',
labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
pad: 0
}
},
legend: {
show: true,
location: 'nw',
placement: 'inside',
fontSize: '11px'
}
})
</script>