Merge pull request bqplot#198 from dmadeka/MarketMapFix

Add listeners for colors in MarketMap

Author: dmadeka

examples/Marks/Market Map.ipynb

@@ -57,6 +57,17 @@
     "display(market_map)"
    ]
   },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {
+    "collapsed": true
+   },
+   "outputs": [],
+   "source": [
+    "market_map.colors = ['MediumSeaGreen']"
+   ]
+  },
   {
    "cell_type": "markdown",
    "metadata": {},
@@ -250,199 +261,6 @@
    "nbconvert_exporter": "python",
    "pygments_lexer": "ipython2",
    "version": "2.7.11"
-  },
-  "widgets": {
-   "state": {
-    "0ac53ba39ba94f61ad65be8d28ea776a": {
-     "views": []
-    },
-    "0d84476fe71c45a79839a916f11164ea": {
-     "views": []
-    },
-    "1a0c431cf2164037997ac637d9fbbc06": {
-     "views": []
-    },
-    "1cc37041c8be44cfbed7a8ee2fda4b5a": {
-     "views": []
-    },
-    "236ecaa091194a5a8d1383c59802d05a": {
-     "views": []
-    },
-    "31a0db058663453c945ca6caeb52512a": {
-     "views": []
-    },
-    "34c3398a38734aca90dec93684d0aa89": {
-     "views": []
-    },
-    "38a4d4b9540841148517dca6641cd14c": {
-     "views": []
-    },
-    "3d02e2d861414d3bba874c518a382f2c": {
-     "views": []
-    },
-    "3eb8c53f2f884e25a138751cef6544c9": {
-     "views": [
-      {
-       "cell_index": 16
-      }
-     ]
-    },
-    "456a185cea6c4d5ab5231bb63301c075": {
-     "views": []
-    },
-    "47a548a15e52482180c4c86759acb08c": {
-     "views": []
-    },
-    "4aa0475e802349f19ed02ce2e5f7894f": {
-     "views": []
-    },
-    "4b349f755bdc473faf37234a8ea2882e": {
-     "views": []
-    },
-    "4b541a88114243d5bbd9b3bd5221f5f2": {
-     "views": [
-      {
-       "cell_index": 8
-      }
-     ]
-    },
-    "4f5f0d109b2749cfbe3fdd84c694ca80": {
-     "views": []
-    },
-    "5388af06f74448f4bcec77c663156e08": {
-     "views": []
-    },
-    "556d05b45e9e436cb5430fa56deda5f4": {
-     "views": []
-    },
-    "564326a3f98b4d3da48dedf67565e939": {
-     "views": []
-    },
-    "5ba7d038867f4024af6787c946b6ff4d": {
-     "views": []
-    },
-    "5d49221086f2490aa2b9379794ff793e": {
-     "views": []
-    },
-    "67068e4d8c974626a8cc0eeee85aee44": {
-     "views": []
-    },
-    "6b5364e9b8ea4041b35a288f3091408b": {
-     "views": []
-    },
-    "730d2538a3b3481bba6b9f4663065c97": {
-     "views": []
-    },
-    "758c842803e64b53b4f26c7fa3065dbd": {
-     "views": []
-    },
-    "871efd5c1576462892ecb526f9ef1576": {
-     "views": [
-      {
-       "cell_index": 8
-      }
-     ]
-    },
-    "894df3e8acc54376a24e32220701fac3": {
-     "views": []
-    },
-    "8fb2212e92534943840826bf97331a7d": {
-     "views": []
-    },
-    "9093ea4426464ab4a91c3d653d83f61a": {
-     "views": [
-      {
-       "cell_index": 8
-      },
-      {
-       "cell_index": 8
-      }
-     ]
-    },
-    "9c9562833bef4eb7b8765778b15c17d1": {
-     "views": []
-    },
-    "9d73767c1d76406f8f7236a424dc408d": {
-     "views": []
-    },
-    "a2e42467ee944c21be424d4ca4db2ef5": {
-     "views": [
-      {
-       "cell_index": 8
-      },
-      {
-       "cell_index": 8
-      }
-     ]
-    },
-    "a7ddeb2af6f94aadb3f82ec95347b348": {
-     "views": [
-      {
-       "cell_index": 4
-      }
-     ]
-    },
-    "ab7c3da3653f485cb96f59c90688c256": {
-     "views": [
-      {
-       "cell_index": 8
-      },
-      {
-       "cell_index": 8
-      }
-     ]
-    },
-    "ab933fe30a73479e80842412bf2089df": {
-     "views": []
-    },
-    "ae07dc4cfea641cb8196dc64ee77c217": {
-     "views": []
-    },
-    "b726b24536014fc09575123dc9ac7c87": {
-     "views": []
-    },
-    "c1845e6ba46b4fa78d758531f74baecf": {
-     "views": []
-    },
-    "c417c3ae6c5a469db68da5d66b25efb3": {
-     "views": [
-      {
-       "cell_index": 8
-      }
-     ]
-    },
-    "c8259e34677743f5bea977c0e47ac52b": {
-     "views": []
-    },
-    "cdf479d25ccd4740ba7d68c133280b93": {
-     "views": []
-    },
-    "cef9cc3a2ea645378b3882b61d6b7b68": {
-     "views": []
-    },
-    "d75ac3ea002f4d58b2be3c5fd846d6a5": {
-     "views": []
-    },
-    "e1223619f4b645d0bb8eb03b9fe29f9b": {
-     "views": []
-    },
-    "e9125ec144fb4199a962c9fbcbf3a605": {
-     "views": []
-    },
-    "ea469f52d1b94883a93a90790de07a5c": {
-     "views": []
-    },
-    "f4f59569c7f8419188141c5d82477475": {
-     "views": []
-    },
-    "f7287e74c30b4d7dab7d046bee089d70": {
-     "views": []
-    },
-    "f967ede07e1d4056b8d91c551565b8fc": {
-     "views": []
-    }
-   },
-   "version": "2.0.0-dev"
   }
  },
  "nbformat": 4,

js/src/MarketMap.js

@@ -149,6 +149,7 @@ define(["jupyter-js-widgets", "d3", "./Figure", "underscore"],
 
         create_listeners: function() {
             this.listenTo(this.model, "change:color", this.recolor_chart, this);
+            this.listenTo(this.model, "change:colors", this.colors_updated, this);
             this.listenTo(this.model, "change:show_groups", this.show_groups, this);
             this.listenTo(this.model, "change:selected_stroke", this.update_selected_stroke, this);
             this.listenTo(this.model, "change:hovered_stroke", this.update_hovered_stroke, this);
@@ -709,6 +710,11 @@ define(["jupyter-js-widgets", "d3", "./Figure", "underscore"],
             }
         },
 
+        colors_updated: function() {
+            this.colors = this.model.get("colors");
+            this.recolor_chart();
+        },
+
         get_color: function(index, length) {
             return this.colors[index % length];
         },