使用D3.js调整移动设备上的svg图表大小

Question

我有一个svg图表在桌面上看起来很好，如果我调整浏览器窗口大小但在移动设备上看起来太小了（sse screenshots）。我该怎么做才能在手机上放大图表？

以下是图表的在线版本：

http://labs.tageswoche.ch/sport/interaktives/transfer_1617/

现在宽度和高度设置如下：

width = window.innerWidth < 960 ? window.innerWidth - 20 : 920
height = 600

然后在图表上设置

$(function() {
location.hash = ""
svg = d3.select("#chart").append("svg")
    .attr("width", width)
    .attr("height", height)
    .append("g")
    // .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

d3.csv("zugaenge.csv", function(err, data) {
    if (err) throw err
    state.data = data
    draw()
})

我希望图表最终看起来像这样：