charts, colors fixes, charts demo

pages/_data/charts.yml

@@ -1,4 +1,5 @@
 completion-tasks:
+  demo: true
   type: bar
   days-labels-count: 7
   debug: true
@@ -7,33 +8,62 @@ completion-tasks:
       data: [155, 65, 465, 265, 225, 325, 80]
 
 completion-tasks2:
+  demo: true
   extend: completion-tasks
   type: line
 
 completion-tasks3:
+  demo: true
   extend: completion-tasks
   type: area
 
 completion-tasks4:
+  demo: true
   extend: completion-tasks
   stroke-curve: straight
   type: line
 
 completion-tasks5:
+  demo: true
   extend: completion-tasks
   stroke-curve: stepline
   type: line
 
 completion-tasks6:
+  demo: true
   extend: completion-tasks
   type: bar
   horizontal: true
 
 completion-tasks7:
+  demo: true
   extend: completion-tasks
   type: line
   datalabels: true
 
+completion-tasks8:
+  demo: true
+  series:
+    - data: [155, 65, 465, 265, 225, 325, 80]
+    - data: [113, 42, 65, 54, 76, 65, 35]
+      color: red
+
+completion-tasks9:
+  demo: true
+  extend: completion-tasks8
+  stacked: true
+
+completion-tasks10:
+  demo: true
+  extend: completion-tasks8
+  type: area
+
+completion-tasks11:
+  demo: true
+  extend: completion-tasks8
+  type: area
+  stacked: true
+
 tasks-overview:
   type: bar
   debug: true
@@ -46,7 +76,6 @@ total-sales:
   type: donut
   demo: true
   sparkline: true
-  hide-legend: true
   name: Total sales
   series:
     - name: Direct
@@ -67,7 +96,6 @@ campaigns:
   demo: true
   type: radialBar
   sparkline: true
-  hide-legend: true
   series:
     - name: Total Sent
       color: blue
@@ -104,6 +132,7 @@ tasks:
 development-activity:
   name: Development Activity
   title: Development Activity
+  demo: true
   type: area
   groups: [1, 2, 3]
   hide-points: true
@@ -138,7 +167,6 @@ line-stroke:
   demo: true
   type: line
   stroke-curve: straight
-  hide-legend: true
   show-grid: true
   categories: ['2013', '2014', '2015', '2016', '2017', '2018', '2019']
   series:
@@ -156,7 +184,6 @@ stepline:
   name: Stepline
   demo: true
   type: line
-  hide-legend: true
   stroke-curve: stepline
   show-grid: true
   series:
@@ -171,7 +198,6 @@ temperature:
   show-labels: true
   show-data-labels: true
   show-markers: true
-  hide-legend: true
   show-grid: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
   series:
@@ -187,7 +213,6 @@ area:
   name: Lorem ipsum
   demo: true
   type: area
-  hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
   series:
     - name: Maximum
@@ -203,7 +228,6 @@ area-spline:
   demo: true
   type: area
   spline: true
-  hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
   series:
     - name: Maximum
@@ -219,7 +243,6 @@ area-spline-stacked:
   demo: true
   type: area
   spline: true
-  hide-legend: true
   stacked: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
   series:
@@ -237,7 +260,6 @@ spline:
   type: line
   spline: true
   show-labels: true
-  hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
   series:
     - name: Hestavollane
@@ -254,7 +276,6 @@ pie:
   name: Lorem ipsum
   demo: true
   type: pie
-  hide-legend: true
   show-data-labels: true
   sparkline: true
   series:
@@ -276,7 +297,6 @@ donut:
   demo: true
   type: donut
   sparkline: true
-  hide-legend: true
   series:
     - name: Maximum
       color: green
@@ -290,7 +310,6 @@ scatter:
   name: Lorem ipsum
   demo: true
   type: scatter
-  hide-legend: true
   categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
   series:
     - name: Maximum
@@ -309,7 +328,6 @@ combination:
     2: 'line'
     3: 'spline'
   groups: [1, 4]
-  hide-legend: true
   categories: ['2013', '2014', '2015', '2016', '2017', '2018']
   series:
     - name: Development
@@ -329,6 +347,7 @@ revenue-bg:
   type: area
   days-labels-count: 30
   sparkline: true
+  demo: true
   series:
     - name: Profits
       data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
@@ -339,7 +358,7 @@ new-clients:
   sparkline: true
   stroke-width: [2, 1]
   stroke-dash: [0, 3]
-  hide-legend: true
+  demo: true
   series:
     - name: May
       color: blue
@@ -352,56 +371,27 @@ active-users:
   type: bar
   days-labels-count: 30
   sparkline: true
-  series:
-    - name: Profits
-      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
-
-goals:
-  type: area
-  days-labels-count: 30
-  sparkline: true
+  demo: true
   series:
     - name: Profits
       data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
 
 traffic-in:
   type: bar
-  days-labels-count: 10
   sparkline: true
+  demo: true
+  color: green
   series:
     - name: Inbound
-      color: azure
-      data: [14, 3, 14, 9, 4, 6, 2, 7, 7, 14, 10, 9, 5, 1]
+      data: [14, -3, 14, 9, 4, 6, -2, 7, 7, 14, 10, 9, 5, -1]
 
 traffic-out:
   type: bar
-  days-labels-count: 10
+  demo: true
   sparkline: true
+  color: red
   series:
     - name: Outbound
-      color: red
-      data: [3, 9, 7, 14, 4, 5, 9, 1, 7, 10, 14, 14, 2, 6]
+      data: [-3, 7, 9, 14, 4, 5, 3, -1, 7, 10, 14, 14, -2, 6]
 
-usd-eur:
-  type: line
-  days-labels-count: 30
-  stroke-curve: straight
-  series:
-    - name: USD/EUR
-      color: black
-      data: [1.1241, 1.0972, 1.0601, 1.0516, 1.2795, 1.0573, 1.065, 1.1892, 1.1243, 1.1421, 1.1835, 1.1917, 1.1811, 1.1649, 1.1888, 1.1995, 1.2412, 1.2193, 1.2325, 1.2077, 1.1692, 1.168, 1.1686, 1.1601, 1.1608, 1.1317, 1.0318, 1.1465, 1.1444]
 
-devices:
-  type: donut
-  sparkline: true
-  hide-legend: true
-  series:
-    - name: a
-      color: blue-700
-      data: 23
-    - name: b
-      color: blue
-      data: 54
-    - name: c
-      color: blue-300
-      data: 34