3

所以，我在使用 Highcharts 时遇到了一些问题。它最近出现了一个仅在 Internet Explorer 8 中触发的错误。失败的行来自 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在 web 服务调用成功提供 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}
}

在其他浏览器中一切正常。有什么想法吗？

谢谢！

4

1 回答 1

0

我已经搞砸了 highcharts 并且确实记得看到此错误消息但正在 chrome 上进行测试。我发现对我的 json 数据进行硬编码非常有帮助，这些数据将被输入到 highcharts 中，以确保它不是从服务返回的数据。我也会尝试在不必调用destroy的情况下搞乱，而只是想办法重新绘制图表。我知道有人建议销毁图表，但有时这对我来说是个问题。也许只是重用相同的图表实例，chartcontainer1700，然后更改传入的数据，然后重新绘制它。

于 2012-02-21T01:57:10.990 回答