Javascript Chart.js没有在IE上显示图表

Javascript Chart.js没有在IE上显示图表,javascript,css,internet-explorer,chart.js,Javascript,Css,Internet Explorer,Chart.js,我在一个管理小组工作。我把它从PSD转换成HTML。我使用chart.js制作图表。它在Chrome、Firefox、Safari和IE11上运行良好。但是在IE10或更低版本的chart.js上没有显示任何类型的图表。我试图解决这个问题,花了很多时间。但我不能。我添加了excanvas js。但它不起作用 这是我的一个甜甜圈图表代码- <div id="canvas-holder"> <canvas id="chart-area4" width="100" heigh

我在一个管理小组工作。我把它从PSD转换成HTML。我使用chart.js制作图表。它在Chrome、Firefox、Safari和IE11上运行良好。但是在IE10或更低版本的chart.js上没有显示任何类型的图表。我试图解决这个问题,花了很多时间。但我不能。我添加了excanvas js。但它不起作用

这是我的一个甜甜圈图表代码-

<div id="canvas-holder">
    <canvas id="chart-area4" width="100" height="100"></canvas>
    <div class="donut-inner4 cycle_top">
       <h5>12</h5>
       <span>ERRORS</span>
    </div>
</div>

<script>
  doughnutData4 = [
            {
                value: 60,
                color:"#F68337",
                highlight: "#F68337",
            },
            {
                value: 40,
                color: "#D6D9DB",
                highlight: "#D6D9DB",
            },

        ];

    var ctx11 = document.getElementById("chart-area4").getContext("2d");
            window.myDoughnut = new Chart(ctx11).Doughnut(doughnutData4,{
            responsive : true,
            segmentShowStroke : false,
            percentageInnerCutout: 80});

</script>

12
错误
甜甜圈数据4=[
{
价值:60,
颜色:#F68337“,
亮点:“F68337”,
},
{
价值:40,
颜色:“D6D9DB”,
亮点:“D6D9DB”,
},
];
var ctx11=document.getElementById(“图表区域4”).getContext(“2d”);
window.myDoughnut=新图表(ctx11).Doughnut(doughnutData4{
回答:是的,
错误:错误,
百分比(内部断路器:80});
以下是链接-


有人能给我这个解决方案吗?

我已经在IE>8(仿真)上测试了你的演示,并且工作正常。也许它不喜欢在数组文字中拖尾逗号?在对象和数组中拖尾逗号会使IE的所有版本崩溃。唯一的解决方案是编写干净的javascript。谢谢大家的宝贵意见。但我还是解决不了。你能给我一个密码吗。谢谢