Javascript 在活动选项卡中加载Morris.js图形（引导）

我有两个选项卡，每个选项卡中有一个morris.js图。第一个（活动）选项卡中的图形加载完美，但第二个选项卡中的图形没有加载（奇怪的结果是Chrome，Firefox中没有）

见jsbin：

---

如何正确加载这两个图形？

您需要使用morris.js的主分支，它支持

redraw()

在活动中也可以这么说

shown.bs.tab

更多信息请点击此处：

或js小提琴：

---

激活两个选项卡，然后：

$('.nav-tabs li a').last().tab('show');
$('.nav-tabs li a').first().tab('show');

---

就我而言，上述解决方案都不起作用

对我有效的方法是使用jqueryui选项卡。这些很有魅力

您的代码只需要稍微重新编写

---

顺便说一句，我发现所有试图捕捉事件

'show.bs.tab'

的小提琴由于某种原因不再起作用

您应该更好地格式化代码。编辑问题时，突出显示代码并按

{}

按钮格式化代码。

$('.nav-tabs li a').last().tab('show');
$('.nav-tabs li a').first().tab('show');