Javascript 海图-“；样式为空或不是对象；

所以，我在使用Highcharts时遇到了一些问题。它最近出现了一个错误，只在InternetExplorer8中触发。失败的一行来自highcharts.src.js文件第270行：

function css (el, styles) {
  if (isIE) {
    if (styles && styles.opacity !== UNDEFINED) {
      styles.filter = 'alpha(opacity='+ (styles.opacity * 100) +')';
    }
  } 

  extend(el.style, styles); // This line fails...
}

创建图表的代码如下所示：

$(document).ready(function() {
  chartcontainer1700 = new Highcharts.Chart({
    chart: {
      renderTo: 'container1700'
    },
    title: {
      text: 'Loading chart...'
    }
  });
});

function onSuccess(options){
  if (options.hasOwnProperty('restErrorMessage') && options.restErrorMessage != null) {
     alert(options.restErrorMessage);
  }
  chartcontainer1700.destroy();
  chartcontainer1700 = new Highcharts.Chart(options);
  chartcontainer1700.redraw();
};

onSuccess

函数在webservice调用成功提供Json图表数据后启动，如下所示：

{"chart": {
  "renderTo":"container0438",
  "zoomType":"xy"},
  "credits": { 
    "enabled": false,
    "position": {
      "align":"right",
      "x":-10,
      "verticalAlign":"bottom",
      "y":-5
  },
  "href":"http:\/\/www.website.com",
  "text":"Chart"
},
"legend": {
  "borderRadius":0,
  "borderWidth":0,
  "enabled":true
},
"series":[{"data":[67.5,67.75],"name":"ME","type":"spline","yAxis":0}],
"title":{"align":"center","text":""},
"xAxis":[{
  "categories":["Mar 22, 2011 - Mar 26, 2011","Mar 27, 2011 - Mar 29, 2011"],
  "maxPadding":5,"minPadding":1
 }],
 "yAxis":[{
   "labels":{
     "style":{"color":"Gray"}
   },
   "opposite":false,
   "title":{"text":"ME %","style":{"color":"Gray"}},
   "type":"spline"}],
   "exporting":{"enabled":true}
}

在其他浏览器中，一切都很完美。有什么想法吗

---

谢谢

我曾在highcharts上乱搞过，记得看到过这个错误消息，但当时正在chrome上测试。我发现将json数据硬编码到highcharts中非常有用，以确保它不是从服务返回的数据。我也会尝试不打电话给destroy，只是想办法重新绘制图表。我知道有人建议我毁掉这张图表，但这对我来说有时是个问题。也许只是重复使用同一个chart实例chartcontainer1700，然后更改传入的数据，并重新绘制它。

有没有可能把它放在一把小提琴上？我隐约记得以前有过这个问题，但如果能看到您正在使用的html，那会很有帮助。另外，您是否尝试过使用硬编码数据在调用web服务的同时复制此功能？