Javascript d3圆环图在移动视图中不完全可见

我正在使用d3甜甜圈图表显示一些数据，如下所示，但当我切换到移动视图时，图表无法正常显示。如何使其工作或使其在移动视图中显示整个甜甜圈和详细信息

var-width=$（“.chart-time-speed”）.width（），height=250，radius=Math.min（width，height）/2，legendPosY=（height/2）-20；
var color=d3.scale.ordinal（）范围（[“#99ecf0”、“#1cb5bb”、“#10538c”、“#75c6f3”、“#60d3ff”、“#4ec3d7”、“#37c2a5”、“#8bcb6b”）；
var API=APIRL+“getDeviceCounters”；
console.log（“deviceController api_>”+api）；
var arc=d3.svg.arc（）.innerRadius（半径-20）、outerRadius（半径-60）；
var arcOver=d3.svg.arc（）.outerRadius（半径-18）、innerRadius（半径-62）；
var pie=d3.layout.pie（）.sort（null）.value（函数（d）{return parseInt（d.time）；}）；
var svg=$rootScope.getDonutSVG（“.chart time-speed”、宽度、高度）
我假设在呈现页面时，您正在设置图表的大小一次

设置静态值时，您需要收听“调整大小”以使图表响应：
（可能仅在调整大小结束时重新渲染：
)

我不了解“图表时间花费”和“图表总用户数”之间的关系

我设置了一个具有引导和d3以及基本变量的小提琴：

var width = $(".chart-time-spent").width(),
    height = 250,
    radius = Math.min(width, height) / 2,
    legendPosY = (height / 2) - 20;


如果resize不能解决您的问题，请尝试在那里描述它。
您已经标记了jQuery mobile，但看起来您可能正在使用引导？你能创建一个JSFIDLE或codepen来重现这个问题吗？我不能创建一个，因为simplyit不起作用，它不起作用&我的问题是我想将col-xs-12上的图形向左移动一点，因为它在整个过程中不可见（即使它应该在移动视图中完美地显示所有内容）。“我没有得到“图表时间花费”和“图表总用户数”之间的关系，它们没有关系，这些是正在显示的2个甜甜圈图表的名称