graph div must not have padding, standard workaround

n-gist · Feb 16, 2023 · a4adb3b · a4adb3b
1 parent e24d675
commit a4adb3b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/gallery/styled-chart-labels.js b/gallery/styled-chart-labels.js
@@ -9,9 +9,9 @@ Gallery.register(
       parent.innerHTML = [
           "<style>.dygraph-legend { text-align: right; background: none; }</style>",
           "<p class='infotext'>This chart's labels are styled</p>",
-          "<div class='chart' id='div_g' style='width:600px; height:300px;'></div>",
+          "<div class='chart' style='width:600px; height:300px;'><div id='div_g' style='width:100%; height:100%;'></div></div>",
           "<p class='infotext'>This version of the chart uses the default styles:</p>",
-          "<div class='chart' id='div_g2' style='width:600px; height:300px;'></div>"].join("\n");
+          "<div class='chart' style='width:600px; height:300px;'><div id='div_g2' style='width:100%; height:100%;'></div></div>"].join("\n");
     },
     run: function() {
       new Dygraph(

diff --git a/tests/styled-chart-labels.html b/tests/styled-chart-labels.html
@@ -29,6 +29,10 @@
       margin: 5px;
       padding: 2px;
     }
+    .actuallychart {
+      width: 100%;
+      height: 100%;
+    }
     .dygraph-legend {
       text-align: right;
       background: none;
@@ -39,10 +43,10 @@
     <p>In this chart, each chart label is styled independently. View source to
     see how it works.</p>
 
-    <div class="chart" id="div_g" style="width:600px; height:300px;"></div>
+    <div class="chart" style="width:600px; height:300px;"><div class="actuallychart" id="div_g"></div></div>
 
     <p>This version of the chart uses the default styles:</p>
-    <div class="chart" id="div_g2" style="width:600px; height:300px;"></div>
+    <div class="chart" style="width:600px; height:300px;"><div class="actuallychart" id="div_g2"></div></div>
 
     <script type="text/javascript"><!--//--><![CDATA[//><!--
       g = new Dygraph(