X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=gallery%2Fstyled-chart-labels.js;h=6f8c3b46a8c4b5e7e5f7f533a7c380f63886caf1;hb=aec24511f59ace8681d28cb5d11d04f9f57357b4;hp=0268f6dcd41e74196f5021188bf7259e2392e6d2;hpb=e88a95b4dbb4cb6f8d8cb4086209915944cbea54;p=dygraphs.git

diff --git a/gallery/styled-chart-labels.js b/gallery/styled-chart-labels.js
index 0268f6d..6f8c3b4 100644
--- a/gallery/styled-chart-labels.js
+++ b/gallery/styled-chart-labels.js
@@ -6,6 +6,7 @@ Gallery.register(
     title: 'Each chart label is styled independently with CSS',
     setup: function(parent) {
       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>",
           "<p class='infotext'>This version of the chart uses the default styles:</p>",
@@ -21,10 +22,6 @@ Gallery.register(
               titleHeight: 32,
               ylabel: 'Temperature (F)',
               xlabel: 'Date (Ticks indicate the start of the indicated time period)',
-              labelsDivStyles: {
-                'text-align': 'right',
-                'background': 'none'
-              },
               strokeWidth: 1.5
             }
           );
@@ -37,10 +34,6 @@ Gallery.register(
               title: 'High and Low Temperatures (30-day average)',
               ylabel: 'Temperature (F)',
               xlabel: 'Date (Ticks indicate the start of the indicated time period)',
-              labelsDivStyles: {
-                'text-align': 'right',
-                'background': 'none'
-              },
               strokeWidth: 1.5
             }
           );