2016-04-27 4 views
0

Ich habe ein reaktionsschnelles Diagramm, aber ich möchte die Höhe festgelegt werden und nur Breite Größe sollte sich mit Änderung der Bildschirmgröße ändern. Gibt es eine Möglichkeit, das zu tun?Höhe sollte von fester Größe in reaktionsschnellen Diagramm sein

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); 

Antwort

0

Stellen Sie die Breite einfach auf einen Prozentwert ein!

Angenommen, Sie möchten, dass die Breite des Diagramms immer 50% des sichtbaren Bereichs beträgt ... Sie würden html auf Breite: 100% und #chart (oder was auch immer) auf Breite: 50% setzen.

+0

Breite Größe funktioniert bereits. Viewbox Attr kümmert sich darum. Wie stelle ich Höhe fest? – user2128

+0

Das könnte kompletter Mist sein, weil ich mit d3.js nicht wirklich vertraut bin, aber wenn Sie das Skript im DOM haben, versuchen Sie, es in ein div zu setzen und dann mit css die Höhe zu korrigieren? –

+0

das funktioniert nicht. Ich möchte gerade Breite reaktionsfähig machen – user2128