Fatal编程技术网

Internet explorer Highcharts JSON图形未显示在IE中

internet-explorer canvas highcharts

Internet explorer Highcharts JSON图形未显示在IE中,internet-explorer,canvas,highcharts,Internet Explorer,Canvas,Highcharts,我目前正在使用Highcharts包使用Highcharts包动态创建图形。一切都进行得很顺利，直到我决定在web开发者最好的朋友上进行测试，也就是说，惊喜，惊喜，它不喜欢我的代码。下面可以看到我的代码以及我的数据示例，让您了解我的工作内容： <html lang="en"> <head> <title>Preprocessing Test</title> <script type="text/javascript" src

我目前正在使用Highcharts包使用Highcharts包动态创建图形。一切都进行得很顺利，直到我决定在web开发者最好的朋友上进行测试，也就是说，惊喜，惊喜，它不喜欢我的代码。下面可以看到我的代码以及我的数据示例，让您了解我的工作内容：

<html lang="en">
<head>
    <title>Preprocessing Test</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
    <link href="chemistry.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript">
      $(document).ready(function() {

    var options = {
        chart: {
        renderTo: 'container',
        defaultSeriesType: 'spline',
        zoomType: 'x',
    },
            plotOptions: {
                spline: {
                    lineWidth: 3,
                    states: {
                        hover: {
                            lineWidth: 1
                        }
                    },
                    tooltip: {
                        backgroundColor: '#FCFFC5',
                        borderColor: 'black',
                        borderRadius: 10,
                        borderWidth: 3
                        },
                         marker: {
                             enabled: false,
                             states: {
                                  hover: {
                                     enabled: true,
                                     symbol: 'circle',
                                      radius: 2,
                                     lineWidth: 1,

                                 }
                             }
                         }
                    }
             },
         title: {
              text: 'Preprocessed Example'
         },
         xAxis: {   
                 categories: [],
                 labels: {
                        step: 1
                 },
                 turboThreshold: 2000,
                 title: {
                 text: 'Test'
                         }

         },
         yAxis: {
             title: {
                 text: 'Test'
              }
         },
         series: [{
             data:[],
             name: 'Test'
         }]
     };
          $.getJSON('files/nmr/Trimethylbenzene_test.json', function(data) {
            options.series[0].data = data;
             var chart = new Highcharts.Chart(options);
        });

     });
          </script>
     </head>
     <body>

         <div style="height: 400px;min-width:300px;" id="container"></div>

     </body>
     </html>
知道它为什么不能在IE中工作吗？

我的猜测是IE被javascript对象末尾的尾随逗号卡住了：

                    marker: {
                         enabled: false,
                         states: {
                              hover: {
                                 enabled: true,
                                 symbol: 'circle',
                                  radius: 2,
                                 lineWidth: 1, <-- IE doesn't like that comma!
                             }
                         }
                     }

标记：{
启用：false，
国家：{
悬停：{
启用：对，
符号：'圆'，
半径：2，

线宽：1，如果你告诉我们你得到了什么样的实际错误或症状（“不喜欢我的代码”有点缺乏信息），这会有所帮助。另外，请告诉我们你测试的是哪个IE版本（它通常是IE问题中最相关的信息，所以我不明白为什么这么多人不想提及它：-））。很抱歉，整个图形无法加载，它什么也不做。没有轴，没有数据，几乎好像它忽略了一个事实，它的本意是将数据放在某个地方。我在IE 6、7和8上进行了测试，但这三个图形都无法工作，但在不同版本的Firefox和Chrome上工作完全正常。很好的回答我的朋友：）：）

                    marker: {
                         enabled: false,
                         states: {
                              hover: {
                                 enabled: true,
                                 symbol: 'circle',
                                  radius: 2,
                                 lineWidth: 1, <-- IE doesn't like that comma!
                             }
                         }
                     }