首页 文章

Google Charts不在Materialise手风琴中工作

提问于
浏览
2

我试图在使用Angular2和Materializecss构建的项目中手风琴绘制谷歌折线图 . 我知道如果在DOM的隐藏部分中绘制,谷歌图表不会占用全宽 . 因此,为了将全宽度应用于图表,我尝试在调用draw方法以及数据和选项之前打开手风琴 . 在下面的折线图快照中我得到的没有X-Y轴甚至是没有正确显示的线条的图例 . 如果用手风琴绘制的图表快照 .
enter image description here

具有相同的数据和选项,但没有手风琴给出以下结果 .

enter image description here

谁能告诉我这个问题可能是什么原因?提前致谢 .

1 回答

  • 2

    您可以在调用 onOpen 时触发绘图:

    http://materializecss.com/collapsible.html#options

    您可以使用第一个参数获取已打开的元素 .

    $('.collapsible').collapsible({
        accordion: false, // A setting that changes the collapsible behavior to expandable instead of the default accordion style
        onOpen: function(el) { alert('Open'); }, // Callback for Collapsible open
        onClose: function(el) { alert('Closed'); } // Callback for Collapsible close
      });
    

相关问题