Jquery 将ChartJS甜甜圈图表放入包含的div中 我有一个问题,把查特斯炸圈饼图装成一个包含DI的图表。我现在使用的是基础,而包含的div是中间三列。画布的固定宽度是300px,而在我的屏幕上,它包含的div的宽度是185px。因此,画布溢出到它所包含的面板的右侧。我还没有找到一个干净的解决方案,使画布在div内水平居中

Jquery 将ChartJS甜甜圈图表放入包含的div中 我有一个问题,把查特斯炸圈饼图装成一个包含DI的图表。我现在使用的是基础,而包含的div是中间三列。画布的固定宽度是300px,而在我的屏幕上,它包含的div的宽度是185px。因此,画布溢出到它所包含的面板的右侧。我还没有找到一个干净的解决方案,使画布在div内水平居中,jquery,css,canvas,chart.js,Jquery,Css,Canvas,Chart.js,目前,我正在使用以下jQuery代码在页面加载/调整大小时定位图表: function positionChart(){ var pixRight = ($("#chart").width() - $("#chart").parent().width())/2 + "px"; $("#chart").css('position', 'relative'); $("#chart").css('right', pixRight); $("#chart

目前,我正在使用以下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的维度都是0。我尝试了文档和窗口的多种组合。加载和。准备就绪,但没有成功

我的问题是,如果在CSS/SASS中(该视图在Rails 3应用程序中)我怎么做,或者我可以对JS/jQuery做什么来确保在元素的维度设置好后触发事件(这样我就可以调用positionChart()函数)?非常感谢