响应式D3 js图表

Responsive D3 js chart

本文关键字：图表 js D3 响应      更新时间：2023-09-26

我试图使一个D3js图表响应，不能设法让它工作。不知道你们能不能帮忙。

网址:http://www.vizualytic.com/

d3js图表在首页

为你的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") ;
相关文章：