响应图表

Question

我有一个响应式图表，但我想要修复高度，只有宽度尺寸应随屏幕尺寸的变化而变化。有没有办法做到这一点？

height = 200px;    
d3.select(divId).selectAll("svg")
                    .datum(cData)
                    .transition().duration(500)
                    .call(chart).attr("width", width).attr("height", height).attr("viewBox", "0 0 " + width + " " + height); 

Answer 1

只需将宽度设置为百分比值！

假设您希望图表的宽度始终为可视区域的50％...您可以将html设置为宽度：100％，将#chart（或其他）设置为宽度：50％。