Dojo 图表在 Firefox、Explorer 中不起作用
Dojo chart not working in Firefox, Explorer
我在选项卡中使用带有 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>
我在 https://jsfiddle.net/1k6w8otn 上重现了你的问题
事实上,在 Chrome 上它工作正常,而在 IE11 上它显示空白页。然而,IE11 控制台报告 Permission denied 并且调试器嗅探所有异常在 getComputedStyle
定义的某个点停止。快速浏览 dojo 论坛 here shows that there was blocking issue 18973 为 Dojo 1.12.1 开放。
切换到 dojo 1.12.2 或更新版本,IE11 和 FF 再次正确呈现饼图。请参阅修改后的 jsfiddle:https://jsfiddle.net/1k6w8otn/2
我在选项卡中使用带有 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>
我在 https://jsfiddle.net/1k6w8otn 上重现了你的问题
事实上,在 Chrome 上它工作正常,而在 IE11 上它显示空白页。然而,IE11 控制台报告 Permission denied 并且调试器嗅探所有异常在 getComputedStyle
定义的某个点停止。快速浏览 dojo 论坛 here shows that there was blocking issue 18973 为 Dojo 1.12.1 开放。
切换到 dojo 1.12.2 或更新版本,IE11 和 FF 再次正确呈现饼图。请参阅修改后的 jsfiddle:https://jsfiddle.net/1k6w8otn/2