Merge pull request #71 from rma-consulting/feature/housekeeping

Housekeeping
experience-experiments · Jul 20, 2016 · afffe66 · afffe66
2 parents 4714551 + cf612be
commit afffe66
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/examples/area-chart/App.js b/examples/area-chart/App.js
@@ -1478,7 +1478,7 @@ class AreaChartContainer extends React.Component {
           </section>
 
           <section id="areaColors">
-            <h2>areaColors</h2>
+            <h2>Area Colors</h2>
 
             <p>
               The colours of the areas can be overridden easily. To do this we can pass in a

diff --git a/examples/bar-chart/App.js b/examples/bar-chart/App.js
@@ -906,7 +906,7 @@ export default class BarChartContainer extends React.Component {
           </section>
 
           <section id="domainRange">
-            <h2>Domain range</h2>
+            <h2>Domain Range</h2>
 
             <p>
               By default the axis ranges are automatically calculated based on the smallest and
@@ -964,7 +964,7 @@ export default class BarChartContainer extends React.Component {
           </section>
 
           <section id="tickDisplay">
-            <h2>Tick display format</h2>
+            <h2>Tick Display Format</h2>
 
             <p>
               If the x or y axis  has an xType of time then a display for the axis can be overridden
@@ -1183,7 +1183,7 @@ export default class BarChartContainer extends React.Component {
           </section>
 
           <section id="mouseHandlers">
-            <h2>Mouse handlers</h2>
+            <h2>Mouse Handlers</h2>
 
             <p>
               The chart will send out a mouseOver event, mouseMove and mouseOut event. This can be
@@ -1336,7 +1336,7 @@ export default class BarChartContainer extends React.Component {
           </section>
 
           <section id="updateData">
-            <h2>Updating the data</h2>
+            <h2>Updating the Data</h2>
 
             <p>
               By selecting the button below to start the random data you can see a simulation of

diff --git a/examples/line-chart/app.js b/examples/line-chart/app.js
@@ -18,6 +18,9 @@ class LineChartContainer extends React.Component {
     this.mouseOutHandler = this.mouseOutHandler.bind(this);
     this.mouseMoveHandler = this.mouseMoveHandler.bind(this);
 
+    this.turnOnRandomData = this.turnOnRandomData.bind(this);
+    this.turnOffRandomData = this.turnOffRandomData.bind(this);
+
     this.updateData = this.updateData.bind(this);
     this.handleResize = this.handleResize.bind(this);
     this.toggleState = this.toggleState.bind(this);
@@ -159,8 +162,8 @@ class LineChartContainer extends React.Component {
               <li><a href="../" className="menu__all-charts">&#8592; All charts</a></li>
             </ul>
             <Scrollspy
-              items={
-                ['introduction',
+              items={[
+                'introduction',
                 'data',
                 'heightAndWidth',
                 'margin',
@@ -179,8 +182,8 @@ class LineChartContainer extends React.Component {
                 'mouseHandlers',
                 'clickHandler',
                 'updateData',
-                'fluid']
-              }
+                'fluid'
+              ]}
               currentClassName="active"
             >
               <li><a href="#introduction">Introduction</a></li>
@@ -647,7 +650,7 @@ class LineChartContainer extends React.Component {
           </section>
 
           <section id="xType">
-            <h2>xType / yType</h2>
+            <h2>xType & yType</h2>
 
             <p>
               The data passed associated to the particular axes can be in numeric, date (the default
@@ -1014,7 +1017,7 @@ class LineChartContainer extends React.Component {
           </section>
 
           <section id="domainRange">
-            <h2>Domain range</h2>
+            <h2>Domain Range</h2>
 
             <p>
               By default the axis ranges are automatically calculated based on the smallest and the
@@ -1161,7 +1164,7 @@ class LineChartContainer extends React.Component {
           </section>
 
           <section id="tickAmount">
-            <h2>Number of ticks</h2>
+            <h2>Number of Ticks</h2>
 
             <p>
               The number of ticks on the x and y axis can be set by passing in a number to xTicks