Add example and integration test for scatter chart

jtblin · jtblin · commit 2e897528941a · 2016-09-24T12:31:36.000+10:00
diff --git a/examples/scatter.html b/examples/scatter.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+  <meta charset="UTF-8">
+  <title>Bubble chart</title>
+  <link href="./bootstrap.css" rel="stylesheet">
+</head>
+<body ng-app="app">
+<br/>
+<div id="container" class="container">
+  <div class="row" ng-controller="ScatterCtrl">
+    <div class="col-lg-6 col-sm-12">
+      <div class="panel panel-default">
+        <div class="panel-heading">Scatter chart</div>
+        <div class="panel-body">
+          <canvas class="chart chart-line" chart-data="data"
+                  chart-options="options"></canvas>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="../node_modules/angular/angular.min.js"></script>
+<script src="../node_modules/chart.js/dist/Chart.min.js"></script>
+<script src="../angular-chart.js"></script>
+<script src="scatter.js"></script>
+</body>
+</html>
diff --git a/examples/scatter.js b/examples/scatter.js
@@ -0,0 +1,30 @@
+(function () {
+  'use strict';
+
+  var app = angular.module("app", ["chart.js"]);
+
+  app.controller("ScatterCtrl", ['$scope', function ($scope) {
+    $scope.data = [[{
+      x: -10,
+      y: -5
+    }, {
+      x: 0,
+      y: 10
+    }, {
+      x: 10,
+      y: 5
+    }]];
+
+    $scope.options = {
+      scales: {
+        xAxes: [{
+          type: 'linear',
+          position: 'bottom'
+        }]
+      }
+    };
+
+  }]);
+
+
+})();
diff --git a/test/fixtures/coverage.js b/test/fixtures/coverage.js
diff --git a/test/fixtures/scatter.html b/test/fixtures/scatter.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+  <meta charset="UTF-8">
+  <title>Bubble chart</title>
+  <link href="../../examples/bootstrap.css" rel="stylesheet">
+</head>
+<body ng-app="app">
+<br/>
+<div id="container" class="container">
+  <div class="row" ng-controller="ScatterCtrl">
+    <div class="col-lg-6 col-sm-12">
+      <div class="panel panel-default">
+        <div class="panel-heading">Scatter chart</div>
+        <div class="panel-body">
+          <canvas class="chart chart-line" chart-data="data"
+                  chart-options="options"></canvas>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script src="../../node_modules/angular/angular.min.js"></script>
+<script src="../../node_modules/chart.js/dist/Chart.min.js"></script>
+<script src="../../angular-chart.js"></script>
+<script src="scatter.js"></script>
+</body>
+</html>
diff --git a/test/fixtures/scatter.js b/test/fixtures/scatter.js
@@ -0,0 +1,30 @@
+(function () {
+  'use strict';
+
+  var app = angular.module('app', ['chart.js']);
+
+  app.controller('ScatterCtrl', ['$scope', function ($scope) {
+    $scope.data = [[{
+      x: -10,
+      y: -5
+    }, {
+      x: 0,
+      y: 10
+    }, {
+      x: 10,
+      y: 5
+    }]];
+
+    $scope.options = {
+      scales: {
+        xAxes: [{
+          type: 'linear',
+          position: 'bottom'
+        }]
+      }
+    };
+
+  }]);
+
+
+})();
diff --git a/test/fixtures/scatter.png b/test/fixtures/scatter.png
diff --git a/test/test.integration.js b/test/test.integration.js
@@ -33,6 +33,7 @@ describe('integration', function () {
 
   [
     'bubble',
+    'scatter',
     'dataset-override',
     'horizontal-bar-chart',
     '29-tabs',

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,7 @@ describe('integration', function () {`
`33`	`33`
`34`	`34`	`[`
`35`	`35`	`'bubble',`
	`36`	`+ 'scatter',`
`36`	`37`	`'dataset-override',`
`37`	`38`	`'horizontal-bar-chart',`
`38`	`39`	`'29-tabs',`