Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.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 引导转盘中的NVD3图表_Javascript_Twitter Bootstrap_D3.js_Nvd3.js - Fatal编程技术网

Javascript 引导转盘中的NVD3图表

Javascript 引导转盘中的NVD3图表,javascript,twitter-bootstrap,d3.js,nvd3.js,Javascript,Twitter Bootstrap,D3.js,Nvd3.js,我正在使用NVD3在Boostrap旋转木马中渲染多条形图。经过大量的调整,我终于能够创建一个旋转木马与图表在每个项目。我注意到的一件事是,除活动项之外的任何图表都会被压扁,并且直到调整窗口大小后才会呈现。有没有办法呈现不活动的图表 我找到了一种方法,有点像黑客,但这是唯一一种不必在每次旋转木马前进时用数据重新输入所有图表的方法。只需触发一个窗口大小调整事件 $('#myCarousel').on('slid.bs.carousel', function () { var handler = w

我正在使用NVD3在Boostrap旋转木马中渲染多条形图。经过大量的调整,我终于能够创建一个旋转木马与图表在每个项目。我注意到的一件事是,除活动项之外的任何图表都会被压扁,并且直到调整窗口大小后才会呈现。有没有办法呈现不活动的图表


我找到了一种方法,有点像黑客,但这是唯一一种不必在每次旋转木马前进时用数据重新输入所有图表的方法。只需触发一个窗口大小调整事件

$('#myCarousel').on('slid.bs.carousel', function () {
var handler = window.onresize;
handler();
})

这个适合我

$('#myCarousel').on('slid.bs.carousel', function () {
    window.dispatchEvent(new Event('resize'));
});

我就这么做了。如果有人找到了这样做的方法,使图表像一个新的图表(初始绘制)一样增长,而不是调整大小,它看起来会更好。