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