Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 来自引导4手风琴卡的C3图形溢出_Javascript_Html_Twitter Bootstrap_Bootstrap 4_C3.js - Fatal编程技术网

Javascript 来自引导4手风琴卡的C3图形溢出

Javascript 来自引导4手风琴卡的C3图形溢出,javascript,html,twitter-bootstrap,bootstrap-4,c3.js,Javascript,Html,Twitter Bootstrap,Bootstrap 4,C3.js,我正在尝试将一个c3图形插入到引导accordion组件中。在活动卡图形上看起来不错,但如果展开卡2则图形的右边缘将覆盖卡边缘 是否需要将更新事件传递到c3,以便在扩展卡时重新渲染 一种可能的解决方案是在显示折叠元素时刷新图表 $('#accordion').on('shown.bs.collapse', function (e) { chart1.flush(); chart2.flush(); }) 这种方法的缺点是更新不

我正在尝试将一个c3图形插入到引导accordion组件中。在活动卡图形上看起来不错,但如果展开卡2则图形的右边缘将覆盖卡边缘

是否需要将更新事件传递到c3,以便在扩展卡时重新渲染


一种可能的解决方案是在显示折叠元素时刷新图表

      $('#accordion').on('shown.bs.collapse', function (e) {
          chart1.flush();
          chart2.flush();
      })
这种方法的缺点是更新不是很顺利,您可以看到图表大小在崩溃时跳跃

      $('#accordion').on('shown.bs.collapse', function (e) {
          chart1.flush();
          chart2.flush();
      })