Dojo图表在Firefox,Explorer中无效

时间:2018-01-13 20:50:23

标签: dojo dojox.charting

我在选项卡中使用带有dojo图表的脚本: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>

1 个答案:

答案 0 :(得分:1)

我已在https://jsfiddle.net/1k6w8otn上重新创建了您的问题 确实在Chrome上它工作正常,而在IE11上显示空白页面。然而,IE11控制台报告权限被拒绝和调试器在getComputedStyle定义的某个时刻嗅探所有异常停止。快速查看道场论坛here,可以看到为Dojo 1.12.1打开了阻止问题18973

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