2016-10-05 112 views
0

我试着去使用这个仪表 - https://canvas-gauges.com的JavaScript在IE11不工作

我创建的JavaScript与此计,它工作在Chrome和Firefox罚款,但在IE 11

有不工作我的代码:

<!DOCTYPE html> 


<html> 
<head> 
    <title>Gauges as Components</title> 



<script src="http:////cdn.rawgit.com/Mikhus/canvas-gauges/gh-pages/download/latest/all/gauge.min.js"></script> 
</head> 
<body> 
<h1 align="center" >CPU Dashboard</h1> 

<canvas id="canvas-id" > 
</canvas> 
<script> 

var gauge = new RadialGauge({ 
    renderTo: 'canvas-id', 
    animationRule: "linear", 
    animationDuration: 1500, 
    needleCircleInner: false, 
    needleCircleOuter: true, 
    needleCircleSize: 7, 
    needleWidth: 2, 
    needleType: "arrow", 
    borders: false, 
    borderShadowWidth: 0, 
    colorPlate: "#fff", 
    highlights: [ 
     { 
      "from": 160000, 
      "to": 200000, 
      "color": "rgba(255,216, 0, 1)" 
     }, 
     { 
      "from": 200000, 
      "to": 268000, 
      "color": "rgba(255, 50, 50, .75)" 
     } 
    ], 
    strokeTicks: true, 
    minorTicks: 2, 
    majorTicks: [ 
     "0", 
     " ", 
     " ", 
     " ", 
     " ", 
     " ", 
     " ", 
     " ", 
     " ", 
     " ", 
     " ", 
     "268000" 
    ], 
    valueDec: 0, 
    valueInt: 5, 
    maxValue: 268000, 
    minValue: 0, 
    value:150000, 
    units: "mhz", 
    title:"CPU UTIL", 
    height: 300, 
    width: 300 
}).draw(); 


</script> 



</body> 
</html> 

我是javascript新用户。我做错了什么?

在此先感谢!

+2

适合我。什么不适合你?查看错误控制台? –

+0

我发现此错误 - DOM7011:此页面上的代码禁用了后退和前进缓存。有关详细信息,请参阅:http://go.microsoft.com/fwlink/?LinkID=291337和SCRIPT5009:'RadialGauge'未定义 – Darkwind

+1

使用本地Js文件。 cdn.rawgit.com不在IE中加载。但当地的gauge.js工作。 –

回答

0

我只是使用本地js文件,现在它在IE中工作。