引导标签内的Google图表

时间:2017-05-23 20:56:50

标签: twitter-bootstrap

我正在尝试将ryenus解决方案(Why are Bootstrap tabs displaying tab-pane divs with incorrect widths when using highcharts?)应用于谷歌图表和Twitter引导程序选项卡,但我有一个问题,也许是因为我有不同版本的bootstrap,我不确定。我的bootstrap版本是3.3.7。

在我的bootstrap.css文件中,我找到了这一行:

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
另外我在bootstrap.css之后应用了补丁但是我有一个如下图所示的错误,有人可以帮助我吗? enter image description here

1 个答案:

答案 0 :(得分:1)

经过大量搜索后我尝试了这个并解决了我的问题。



$("a[href='#C']").on('shown.bs.tab', function (e) {
    google.load('visualization', '1', {
        packages: ['timeline'],
        callback: drawChartC
    });
});