Including example of customizing the series colors

jherdman · Jan 23, 2015 · ec6cbf3 · ec6cbf3
1 parent 796adda
commit ec6cbf3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/tests/dummy/app/routes/application.js b/tests/dummy/app/routes/application.js
@@ -8,7 +8,8 @@ export default Ember.Route.extend({
         series: [
           [5, 4, 3, 7, 5, 10],
           [3, 2, 9, 5, 4, 6],
-          [2, 1, -3, -4, -2, 0]
+          [2, 1, -3, -4, -2, 0],
+          [8, -2, 1, 7, -3, 1]
         ]
       }
     };

diff --git a/tests/dummy/app/styles/app.scss b/tests/dummy/app/styles/app.scss
@@ -1,7 +1,17 @@
-@import "chartist-settings";
+// To customize the colors of each series both of these variables are required.
+// ct-series-names needs to be the same length as ct-series-colors.
+$ct-series-names: (a, b, c, d);
+$ct-series-colors: (
+  #E91E63,
+  #42A5F5,
+  #66BB6A,
+  #FF9800
+);
+
 @import "chartist";
 
 .container {
+  font-family: helvetica, arial, sans-serif;
   margin: 0 auto;
   max-width: 600px;
 }