Question

我遇到了将ChartJS甜甜圈图表装入包含div的问题。我目前正在使用Foundation，并且包含div是一个中等3列。会发生什么是画布的固定宽度为300px，在我的屏幕上，它包含的div是185px宽。因此，画布溢出到它所包含的面板的右侧。我还没有找到一个干净的解决方案，将画布水平居中在div内。

目前，我正在使用此jQuery代码在页面加载/调整大小时定位图表：

function positionChart(){
      var pixRight = ($("#chart").width() - $("#chart").parent().width())/2 + "px";

      $("#chart").css('position', 'relative');
      $("#chart").css('right', pixRight);
      $("#chart").css('top', '15px');
    }

此代码有效，但不一致。在我自己的许多浏览器上，我已经对它进行了测试，$（document）.ready（）函数没有帮助，因为在该事件发生时，画布的尺寸和包含div都是我已经尝试过多种文档和窗口组合.load和.ready但没有成功。

我的问题是，我怎么能这样做，如果有的话，在CSS / SASS（这个视图在Rails 3应用程序中）或者我可以对JS / jQuery做什么来确保一旦事件被触发设置元素的尺寸（所以我可以调用positionChart（）函数）？非常感谢。

使ChartJS圆环图适合包含div

0 个答案: