Added simple navigation links between lineChart, StackedAreaChart and

CumulativeChart test examples.
11 years ago · 79b196cb41
parent 65edf27199
commit 79b196cb41
4 changed files with 23 additions and 2 deletions
--- a/examples/cumulativeLineChart.html
+++ b/examples/cumulativeLineChart.html
@ -31,7 +31,12 @@ svg {

 </style>
 <body>
-
+  <div class='navigation'>
+      Tests:
+      <a href="../test/lineChartTest.html">Line Chart</a>
+      <a href="../test/stackedAreaChartTest.html">Stacked Area</a>
+      <a href="cumulativeLineChart.html">Cumulative Line</a>
+  </div>
  <div id="chart1">
    <svg style="height: 500px;"></svg>
  </div>
--- a/test/lineChartTest.html
+++ b/test/lineChartTest.html
@ -6,6 +6,12 @@

 <body>
  <h3>Line chart test cases - feel free to add more tests</h3>
+  <div class='navigation'>
+      Tests:
+      <a href="lineChartTest.html">Line Chart</a>
+      <a href="stackedAreaChartTest.html">Stacked Area</a>
+      <a href="../examples/cumulativeLineChart.html">Cumulative Line</a>
+  </div>
  <div class='chart full' id='chart1'>
    Example of chart with many series', and new interactive guideline plus tooltip.
    <svg></svg>
@ -129,7 +135,7 @@ function defaultChartConfig(containerid, data, guideline, useDates) {

    chart
        .x(function(d,i) { 
-          return d.x
+          return d.x;
        });

    var formatter;
--- a/test/stackedAreaChartTest.html
+++ b/test/stackedAreaChartTest.html
@ -5,6 +5,12 @@
 <link href="teststyle.css" rel="stylesheet" type='text/css'>
 <body>
  <h3>Stacked area chart test cases - feel free to add more tests</h3>
+  <div class='navigation'>
+      Tests:
+      <a href="lineChartTest.html">Line Chart</a>
+      <a href="stackedAreaChartTest.html">Stacked Area</a>
+      <a href="../examples/cumulativeLineChart.html">Cumulative Line</a>
+  </div>
  <div class='chart full' id='chart1'>Full chart example with new tooltip and guideline<svg></svg></div>
  <div class='chart half' id='chart2'>Chart with old tooltips<svg></svg></div>
  <div class='chart half' id='chart3'>Chart with single point<svg></svg></div>
--- a/test/teststyle.css
+++ b/test/teststyle.css
@ -24,4 +24,8 @@ text {

 .chart.third {
  width: 33%;
+}
+
+.navigation a{
+  margin-right: 1em;
 }