Javascript D3js响应堆叠条形图-其他主题解决方案不起作用

Javascript D3js响应堆叠条形图-其他主题解决方案不起作用,javascript,d3.js,data-visualization,Javascript,D3.js,Data Visualization,我对D3和javascript相当陌生。不过,这是一个非常有用的图书馆。但是我在制作堆叠条形图时遇到了麻烦,我从D3js.org网站上获得了响应性代码。事实上,当我从头开始的时候,我很难让所有类型的D3图表都能响应 我尝试使用viewbox属性并保留AspectRatio,但我可能做错了 这是我的全部代码: 有人能帮我一下吗?您需要先设置viewbox属性。试试这个: var svg = d3.select("#chart").append("svg") .attr("viewBox",

我对D3和javascript相当陌生。不过,这是一个非常有用的图书馆。但是我在制作堆叠条形图时遇到了麻烦,我从D3js.org网站上获得了响应性代码。事实上,当我从头开始的时候,我很难让所有类型的D3图表都能响应

我尝试使用viewbox属性并保留AspectRatio,但我可能做错了

这是我的全部代码:


有人能帮我一下吗?

您需要先设置viewbox属性。试试这个:

var svg = d3.select("#chart").append("svg")
    .attr("viewBox", "0 0 " + (width) + " " + (height))
    .attr("preserveAspectRatio", "xMinYMin");
要使其工作,您必须更改html:

<div id="chart"></div>

看看这些资源:,和.Codepen不存在,所以必须取出axis.attrtransform,translate+margin.left+,+margin.top+谢谢,我的朋友,非常有帮助。
<div id="chart"></div>