Skip to content

Commit 4887ebb

Browse files
mbostockmbostock
committed
Fixes for Chrome iframe+SVG bug.
1 parent bfb4359 commit 4887ebb

7 files changed

Lines changed: 45 additions & 18 deletions

File tree

‎talk/20111018/bezier.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,9 +68,13 @@
6868

6969
var vis = d3.select("#body").append("div")
7070
.style("margin-left", "20px")
71-
.selectAll("svg")
71+
.selectAll("div")
7272
.data(orders)
73-
.enter().append("svg:svg")
73+
.enter().append("div")
74+
.style("width", w + 2 * padding + "px")
75+
.style("height", h + 2 * padding + "px")
76+
.style("display", "inline-block")
77+
.append("svg:svg")
7478
.attr("width", w + 2 * padding)
7579
.attr("height", h + 2 * padding)
7680
.append("svg:g")

‎talk/20111018/bundle.html‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -57,11 +57,14 @@
5757
.radius(function(d) { return d.y; })
5858
.angle(function(d) { return d.x / 180 * Math.PI; });
5959

60-
var svg = d3.select("#body").append("svg:svg")
61-
.attr("width", w)
62-
.attr("height", w);
60+
var svg = d3.select("#body").append("div")
61+
.style("width", w + "px")
62+
.style("height", w + "px");
6363

64-
var vis = svg.append("svg:g")
64+
var vis = svg.append("svg:svg")
65+
.attr("width", w)
66+
.attr("height", w)
67+
.append("svg:g")
6568
.attr("transform", "translate(" + rx + "," + ry + ")");
6669

6770
vis.append("svg:path")

‎talk/20111018/calendar.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -60,9 +60,14 @@
6060
formatNumber = d3.format(",d"),
6161
formatPercent = d3.format("+.1%");
6262

63-
var svg = d3.select("#body").selectAll("svg")
63+
var svg = d3.select("#body").selectAll(".year")
6464
.data(d3.range(1995, 2009))
65-
.enter().append("svg:svg")
65+
.enter().append("div")
66+
.attr("class", "year")
67+
.style("width", w + m[1] + m[3] + "px")
68+
.style("height", h + m[0] + m[2] + "px")
69+
.style("display", "inline-block")
70+
.append("svg:svg")
6671
.attr("width", w + m[1] + m[3])
6772
.attr("height", h + m[0] + m[2])
6873
.attr("class", "RdYlGn")

‎talk/20111018/cluster.html‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -57,11 +57,14 @@
5757
var diagonal = d3.svg.diagonal.radial()
5858
.projection(function(d) { return [d.y, d.x / 180 * Math.PI]; });
5959

60-
var svg = d3.select("#body").append("svg:svg")
61-
.attr("width", w)
62-
.attr("height", w);
60+
var svg = d3.select("#body").append("div")
61+
.style("width", w + "px")
62+
.style("height", w + "px");
6363

64-
var vis = svg.append("svg:g")
64+
var vis = svg.append("svg:svg")
65+
.attr("width", w)
66+
.attr("height", w)
67+
.append("svg:g")
6568
.attr("transform", "translate(" + rx + "," + ry + ")");
6669

6770
vis.append("svg:path")

‎talk/20111018/partition.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<script type="text/javascript" src="d3/d3.layout.js"></script>
88
<style type="text/css">
99

10-
svg {
10+
.chart {
1111
display: block;
1212
margin: auto;
1313
margin-top: 60px;
@@ -45,7 +45,11 @@
4545
x = d3.scale.linear().range([0, w]),
4646
y = d3.scale.linear().range([0, h]);
4747

48-
var vis = d3.select("#body").append("svg:svg")
48+
var vis = d3.select("#body").append("div")
49+
.attr("class", "chart")
50+
.style("width", w + "px")
51+
.style("height", h + "px")
52+
.append("svg:svg")
4953
.attr("width", w)
5054
.attr("height", h);
5155

‎talk/20111018/splom.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<script type="text/javascript" src="d3/d3.js"></script>
77
<style type="text/css">
88

9-
svg {
9+
.chart {
1010
display: block;
1111
margin: auto;
1212
margin-top: 40px;
@@ -95,7 +95,11 @@
9595
.tickSize(size * n);
9696

9797
// Root panel.
98-
var svg = d3.select("#body").append("svg:svg")
98+
var svg = d3.select("#body").append("div")
99+
.attr("class", "chart")
100+
.style("width", size * n + padding + "px")
101+
.style("height", size * n + padding + "px")
102+
.append("svg:svg")
99103
.attr("width", size * n + padding)
100104
.attr("height", size * n + padding);
101105

‎talk/20111018/treemap.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<script type="text/javascript" src="d3/d3.layout.js"></script>
88
<style type="text/css">
99

10-
svg {
10+
.chart {
1111
display: block;
1212
margin: auto;
1313
margin-top: 40px;
@@ -50,7 +50,11 @@
5050
.sticky(true)
5151
.value(function(d) { return d.size; });
5252

53-
var svg = d3.select("#body").append("svg:svg")
53+
var svg = d3.select("#body").append("div")
54+
.attr("class", "chart")
55+
.style("width", w + "px")
56+
.style("height", h + "px")
57+
.append("svg:svg")
5458
.attr("width", w)
5559
.attr("height", h)
5660
.append("svg:g")

0 commit comments

Comments
 (0)