Dojo 图表在 Firefox、Explorer 中不起作用答案

【问题标题】：Dojo chart not working in Firefox, ExplorerDojo 图表在 Firefox、Explorer 中不起作用
【发布时间】：2018-01-13 20:50:22
【问题描述】：

我在标签内使用带有道场图表的脚本：chart page。

如果您使用 Google Chrome 打开图表页面，图表是可见的。如果您使用 Firefox 或 Explorer 11 打开它，图表将不可见。

我所有的浏览器都更新到最新版本。

谁能告诉我为什么会出现这个错误？

这是我的脚本：

<!DOCTYPE html>
<html>
<head>

  <link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/themes/calcite/dijit/calcite.css">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/dojo.js"></script>

  <script>
    require([
             "dojox/charting/Chart",
             "dojox/charting/Chart2D", 
             "dojox/charting/action2d/MoveSlice" , 
             "dojox/charting/action2d/Tooltip",
             "dojo/ready"], 
            function(Chart, Chart2D, MoveSlice, Tooltip, ready){

ready(function(){

var chart1 = new Chart("He");

                chart1.addPlot("default", {
                    type: "Pie",
                    labelOffset: 25,
                    font: "9pt Arial"
                });
                chart1.addSeries("He", [
                    {y: 1, text: 1},
                    {y: 1, text: 2},
                    {y: 1, text: 3}

                ]);
                new Tooltip(chart1, "default");
                new MoveSlice(chart1, "default");

chart1.render();

});

    });

    </script>

</head>
<body class="calcite">
<div>
    <div id="He" style="width: 140px; height: 140px; "></div>
</div>

</body>
</html>

【问题讨论】：

标签： dojo dojox.charting

【解决方案1】：

我在https://jsfiddle.net/1k6w8otn 上重新创建了您的问题事实上，在 Chrome 上它工作正常，而在 IE11 上它显示空白页。然而，IE11 控制台报告 Permission denied 并且调试器嗅探所有异常在 getComputedStyle 定义处的某个点停止。快速查看 Dojo 论坛 here 表明存在针对 Dojo 1.12.1 的阻塞问题 18973。

切换到 dojo 1.12.2 或更新版本，IE11 和 FF 再次正确呈现饼图。查看修改后的 jsfiddle：https://jsfiddle.net/1k6w8otn/2

【讨论】：

与 dojo 1.12.2 和最新的 dojo 1.13.0 一起工作得很好。太棒了:)