jqplot在IE7中不能很好地工作

Question

有一系列问题与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>
​

Answer 1

我注意到IE在一组选项中的最后一个元素之后有逗号时不是一个大粉丝。

例：

这个：

 seriesDefaults: {
        showMarker: false,
        pointLabels: {
            show: false
        },
    },

会成为：

seriesDefaults: {
    showMarker: false,
    pointLabels: {
        show: false
    }},

微妙的差异，但它可能会或可能不会解决您的问题。

尝试将绘图功能更改为：

$.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'
    }
})

另外 ，我上次使用excanvas时最终必须确保它是最新版本。

链接： http ： //code.google.com/p/explorercanvas/downloads/list

Answer 2

来自文档

canvas标签和jqPlot在大多数浏览器上运行良好。 Firefox 3.5+，Safari 4 +，Chrome 8.0 +，Opera 10+和IE 9+支持jqPlot使用的所有画布功能。 通过Google的excanvas.js库支持IE 6 - 8。

你说过excanvas.js图书馆吗？ 如果你这样做，更多的功能可能会有用。

Answer 3

它适用于其他版本的IE吗？ 我有类似的问题，但在我的情况下，它不适用于IE7和IE8。 我不记得我是如何修理它的。

如果检查jquery.jqplot.js，则有一行确保小于IE9的版本使用excanvas.js

确保有一行如下

 * > <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->

否则尝试按此顺序包含文件

<link rel="stylesheet" type="text/css" href="../libs/jqplot/jquery.jqplot.css" />

<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../libs/jqplot/excanvas.js"></script><![endif]-->

  <!-- BEGIN: load jqplot -->
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jquery.jqplot.js"></script>
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.barRenderer.js"></script>
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.pieRenderer.js"></script>
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.highlighter.js"></script>
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.pointLabels.js"></script>

  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.canvasTextRenderer.js"></script>
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.categoryAxisRenderer.js"></script>
  <script language="javascript" type="text/javascript" src="../libs/jqplot/jqplot.canvasAxisLabelRenderer.js"></script>

  <!-- END: load jqplot -->