Bubble colors
authorChloe Laisne <chloe.laisne@gmail.com>
Wed, 24 Aug 2016 17:48:50 +0200
changeset 266 0e1880fa7bd3
parent 265 5995d360e6ac
child 267 a2872152f568
Bubble colors
cms/app-client/app/components/discourses-component.js
cms/app-client/app/services/constants.js
--- a/cms/app-client/app/components/discourses-component.js	Wed Aug 24 17:22:02 2016 +0200
+++ b/cms/app-client/app/components/discourses-component.js	Wed Aug 24 17:48:50 2016 +0200
@@ -82,7 +82,7 @@
             leaf.append("circle")
                 .attr("r", function(d) { return d.r; })
                 .attr("fill", function(d) { return d.fill; })
-                .attr("stroke", function() { return "#859097"; });
+                .attr("stroke", function(d) { return d.stroke; });
             element.style("height", height + "px");
         });
 
@@ -106,7 +106,8 @@
                 'id': key,
                 'name': discourse.label,
                 'value': discourse.count,
-                'fill': category_value.fill
+                'fill': category_value.fill,
+                'stroke': category_value.stroke
             });
         });
 
--- a/cms/app-client/app/services/constants.js	Wed Aug 24 17:22:02 2016 +0200
+++ b/cms/app-client/app/services/constants.js	Wed Aug 24 17:48:50 2016 +0200
@@ -53,16 +53,20 @@
 
 const DISCOURSE_CATEGORY_VALUES = {
   "cat1": {
-    "fill": "#b6d7a8"
+    "fill": "#F3F6F7",
+    "stroke": "#BECFD4"
   },
   "cat2": {
-    "fill": "#ea9999"
+    "fill": "#BECFD4",
+    "stroke": "#91ADB6"
   },
   "cat3": {
-    "fill": "#a2c4c9"
+    "fill": "#91ADB6",
+    "stroke": "#628793"
   },
   "cat4":{
-    "fill": "#ffe599"
+    "fill": "#628793",
+    "stroke": "#415A62"
   }
 };