Javascript Dojocharts没有出现在Mozilla和IE中

我正在使用dojocharts生成许多图表。这里有一个是dojo中的主要问题，那就是浏览器兼容性问题。但Mozilla和IE浏览器中未显示的图表仅在chrome中显示。某些dojo功能也不起作用。在我的图表中，我正在添加dojo指示器。如果我添加指示器，则图表不显示，如果我删除指示器，则图表显示。但我希望图表同时显示指示器和X、Y轴。我在谷歌上搜索，所以也在dojo论坛上搜索，但没有找到解决问题的正确方法。所以建议我如何解决我的浏览器兼容性问题

这是我的密码

  <script type="text/javascript">

 dojo.require("dojox.charting.Chart");
 dojo.require("dojox.charting.axis2d.Default");
  dojo.require("dojox.charting.plot2d.Default");
  dojo.require("dojox.charting.plot2d.ClusteredColumns");
 dojo.require("dojox.charting.widget.SelectableLegend");
 dojo.require("dojox.charting.plot2d.Markers");
 dojo.require("dojox.charting.plot2d.Grid");
 dojo.require("dojox.charting.plot2d.Indicator");
 dojo.require("dojox.charting.action2d.Highlight");
 dojo.require("dojox.charting.action2d.Magnify");
 dojo.require("dojox.charting.action2d.MoveSlice");
 dojo.require("dojox.charting.action2d.Shake");
 dojo.require("dojox.charting.action2d.Tooltip");
 dojo.require("dojox.charting.plot2d.Indicator");
 dojo.require("dojox.charting.widget.Legend");

 dojo.require("dojo.colors");
 dojo.require("dojo.fx.easing");
 dojo.require("dojox.charting.themes.Mytheme");
 dojo.require("dojox.dtl");
 dojo.require("dojox.dtl.Context");

    var dc = dojox.charting;

    var dur = 450;

    makeObjects = function(){
  var chart6 = new dc.Chart("chart1");
  var myLabelFunc = function(text, value, precision){
  return text;

  };
  chart6.setTheme(dc.themes.Mytheme);
   chart6.addAxis("x" ,{
                    title:"Project",
                      titleGap:40, 
                      titleFont: "normal normal bold 14px Tahoma",
                      titleFontColor: "black",
                      titleOrientation: "away",
                      stroke:"#A2ADBC", 
                      //labelSizeChange: true,
                      natural: true,
                    //  rotation:-20,
                      majorTick: {color: "#A2ADBC", length: 10},
                      majorTicks:true,
                      majorTickStep:1,
                      dropLabels:false,
                      minorTicks:false,
                    fixLower : "minor",
                    fixUpper : "minor",
                //  dropLabels : true,
                    //min : 10,
                    //max : 20,
                    //from: 0,
                    to:   10.9,
                    labels: <?php echo  json_encode($this->masterChart,JSON_NUMERIC_CHECK); ?>,
                     font: "normal normal bold 11px Constantia",      
                      fontColor: "black"                             
                    // labelFunc: myLabelFunc
                }
    );
chart6.addAxis("y", {
                    title: "Area in SqFt",
                    titleFont: "normal normal bold 14px Tahoma",
                    titleGap: 20, 
                    titleFontColor: "black",
                    stroke:"#A2ADBC",
              font: "normal normal bold 9px Tahoma",
              fontColor: "black",
                    vertical : true,
                    fixLower : "minor",
                    fixUpper : "minor",

                //htmlLabels : true,
                    majorTick: {color: "#A2ADBC", length: 10},
         minorTicks:true,
          majorTicks:true,
         majorTickStep:44,
         minorTickstep:11,

       // minorTickstep:5,

                    min : <?php echo $this->masterChart_base_line_bed[0] ['area']; ?>,
                    //max : 20,
                    from:30,
                    //to:   250
         labelFunc: myLabelFunc
                }

      );
     chart6.addPlot("default", {type: "ClusteredColumns", gap: 8,
                    labels: true,
                //  minBarSize:5,
                    labelStyle:"outside",
                    fontColor:"black",
                     precision: 1,
                    animate : {
                        duration : 1000
                    }

         });
        chart6.addPlot("indicator", { type: "Indicator", 
                vertical:false,
                values: <?php echo $this->masterChart_base_line_bed[0]['area'];     ?>,
                    //offset: { y: -10, x: 11 },
                 lineStroke: {
          color: "#ecf0f1",//"#ecf0f1",
          style: "line" 
         },
                 labels: true,
                // labelStyle:"inside",
            //maxBarSize: 35,
                //fontColor:"white",
                  precision: 1
                   //animate: { duration: 1000} 
      });
     //chart6.addPlot("grid", {type: "Grid"});
    chart6.addSeries("Master Bedroom", <?php echo   json_encode($this->masterChart_master_room_area,JSON_NUMERIC_CHECK); ?>, 

   {stroke: {

   color: "#242324"

  }// fill: "red"
  });

    var anim6a = new dc.action2d.Highlight(chart6, "default", {
    highlight: "#FF7900",
    duration: dur,
    easing:   dojo.fx.easing.cubicIn
   });
   var anim6b = new dc.action2d.Shake(chart6, "default");


   chart6.render();

        };
    dojo.addOnLoad(makeObjects);
  </script> 

require（“dojox.charting.Chart”）；
require（“dojox.charting.axis2d.Default”）；
require（“dojox.charting.plot2d.Default”）；
require（“dojox.charting.plot2d.ClusteredColumns”）；
require（“dojox.charting.widget.SelectableLegend”）；
require（“dojox.charting.plot2d.Markers”）；
require（“dojox.charting.plot2d.Grid”）；
require（“dojox.charting.plot2d.Indicator”）；
require（“dojox.charting.action2d.Highlight”）；
require（“dojox.charting.action2d.放大”）；
require（“dojox.charting.action2d.MoveSlice”）；
require（“dojox.charting.action2d.Shake”）；
require（“dojox.charting.action2d.Tooltip”）；
require（“dojox.charting.plot2d.Indicator”）；
require（“dojox.charting.widget.Legend”）；
dojo.require（“dojo.colors”）；
dojo.require（“dojo.fx.easing”）；
require（“dojox.charting.themes.Mytheme”）；
dojo.require（“dojox.dtl”）；
require（“dojox.dtl.Context”）；
var dc=dojox.charting；
var-dur=450；
makeObjects=function（）{
var chart6=新的dc.图表（“图表1”）；
var myLabelFunc=函数（文本、值、精度）{
返回文本；
};
图表6.setTheme（dc.themes.Mytheme）；
图6.添加轴（“x”{
标题：“项目”，
标题：40，
标题栏：“正常粗体14px塔荷马”，
titleFontColor:“黑色”，
标题方向：“远离”，
笔划：“A2ADBC”，
//拉贝尔斯齐日琴：是的，
自然：是的，
//轮调：-20，
majorTick:{颜色：#A2ADBC'，长度：10}，
majorTicks:没错，
主要步骤：1，
液滴标签：错误，
米诺蒂克斯：错，
修罗：“小调”，
修正上：“小调”，
//水滴标签：是的，
//民:10,，
//最高：20，
//起:0,，
致：10.9，
标签：，
字体：“普通粗体11px Constantia”，
fontColor：“黑色”
//labelFunc:myLabelFunc
}
);
图6.添加轴（“y”{
标题：“以平方英尺为单位的面积”，
标题栏：“正常粗体14px塔荷马”，
标题：20，
titleFontColor:“黑色”，
笔划：“A2ADBC”，
字体：“普通粗体9px塔荷马”，
fontColor:“黑色”，
是的，
修罗：“小调”，
修正上：“小调”，
//没错，
majorTick:{颜色：#A2ADBC'，长度：10}，
米诺蒂克斯：没错，
majorTicks:没错，
主要步骤：44，
minorTickstep:11，
//minorTickstep:5，
最小：，
//最高：20，
起:30,，
//收件人：250
labelFunc:myLabelFunc
}
);
图表6.addPlot（“默认值”，{type:“ClusteredColumns”，间隙：8，
标签：对，
//minBarSize:5，
标签样式：“外面”，
fontColor:“黑色”，
精度：1，
制作动画：{
持续时间：1000
}
});
图表6.addPlot（“指示符”{类型：“指示符”，
垂直：假，
值：，
//偏移量：{y:-10，x:11}，
线条笔划：{
颜色：“#ecf0f1”、/“#ecf0f1”，
风格：“线条”
},
标签：对，
//标签样式：“内部”，
//maxBarSize:35，
//fontColor:“白色”，
精度：1
//动画：{持续时间：1000}
});
//图表6.addPlot（“网格”，{type:“网格”}）；
图6.addSeries（“主卧”，
{笔划：{
颜色：“242324”
}//填充：“红色”
});
var anim6a=new dc.action2d.Highlight（图表6，“默认值”{
亮点：“FF7900”，
持续时间：dur，
放松：dojo.fx.easing.cubicIn
});
var anim6b=新的dc.action2d.Shake（图6，“默认”）；
图6.render（）；
};
addOnLoad（makeObjects）；

尝试将其添加到HTML标题中：

<META HTTP-EQUIV="X-UA-Compatible" content="IE=edge" />

---

IE是一堆垃圾。多年来给我带来的只是麻烦…

这只是一个猜测，但我知道dojo datagrids需要设置要显示的样式属性宽度和高度。也许这里也有同样的问题？@sunman请指定您正在工作/测试的Dojo版本、浏览器版本（Mozilla，IE）。@frank Dojo版本-1.9，Mozilla和IE浏览器是最新版本