响应式 D3 js 图表 [重复]

Question

我正在尝试使 D3js 图表具有响应性，但无法使其正常工作。想知道你们能帮忙。

网站是http://www.vizualytic.com/

d3js图表在首页

Answer 1

为您的 SVG 元素设置 width=100% 和 height=100% 以及 viewBox 和 preserveAspectRatio 属性。

以下解决方案将为您指明方向，

var svg = d3.select('#chart').append("svg")
    .attr("width", '100%')
    .attr("height", '100%')
    .attr('viewBox','0 0 '+Math.min(width,height)+' '+Math.min(width,height))
    .attr('preserveAspectRatio','xMinYMin')
    .append("g") ;