Question

我在两个标签中使用两个相同的脚本，以便在每个标签中创建一个道场图表：tabs page。

如果您使用 Google Chrome 打开页面， Safari ，两个标签都会呈现图表。

如果您使用 Firefox 打开它，则第二个标签不会呈现它的图表。如果您使用资源管理器11 打开它，则第二个标签会以随机大小呈现它的图表。

有人可以告诉我为什么我会在第二个标签中收到此错误吗？

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

该脚本使用最新版本的dojo，jquery：

C:\Users\USERNAME\.gradle

Answer 1

使用accordion制作多个图表，创建适当的布局，然后初始化图表和手风琴容器包装它们。

例如，您可以将布局修改为

<body class="calcite">
  <div id="accordion" style="height: 280px">
    <div id="pane1">
      <div id="He1" style="width: 140px; height: 140px; "></div>
    </div>
    <div id="pane2">
      <div id="He2" style="width: 140px; height: 140px; "></div>
    </div>
  </div>
</body>

然后像以前一样创建He1和He2图表，最后初始化accordion和这样的面板：

var acc = new AccordionContainer({}, "accordion");
acc.addChild(new ContentPane({
  title: "Chart one",
}, "pane1"));
acc.addChild(new ContentPane({
  title: "Chart two",
}, "pane2"));
acc.startup();

请参阅此处的工作示例：https://jsfiddle.net/1k6w8otn/4

请注意，它不需要任何iframe。我强烈主张纯编程，使用任何构建器（正如你在评论中提到的）通常会导致意大利面条代码，很多时候你自己无法解决它。 Dojo工具包也不是最好的选择，它现在是利基库（没有最新的书籍，几乎没有社区背后等），如果你不被迫使用它，做一些研究并寻找更好的JS库。

选项卡中的Dojo图表在Firefox中不起作用

1 个答案: