Fix threshold colour scale on Circular and Tabular Heat charts.

jamesleesaunders · Oct 3, 2017 · ee7e2e8 · ee7e2e8
1 parent 61de535
commit ee7e2e8
Show file tree

Hide file tree

Showing 8 changed files with 374 additions and 355 deletions.
diff --git a/examples/CircularHeatChartExample.html b/examples/CircularHeatChartExample.html
@@ -18,7 +18,7 @@
     d3.json("data/netflix_isp_speed_index.json", function(error, json) {
       // Netflix Speed ISP Speed Index Source: https://ispspeedindex.netflix.com/country/uk/
 
-      var colors = ["#c3ff28", "#ffff0b", "#fdb409", "#f38337", "#fb0007"];
+      var colors = ["#fb0007", "#f38337", "#fdb409", "#ffff0b", "#c3ff28"];
       var chart = d3.ez.chart.circularHeat().colors(colors);
       var legend = d3.ez.component.legend().title('Speed Index');
       var title = d3.ez.component.title().mainText(json.Metadata.Title).subText(json.Metadata.Detail);
@@ -31,7 +31,7 @@
         .legend(legend)
         .title(title)
         .on("customMouseOver", function(d, i) {
-          d3.select("#message").text(d.key);
+          d3.select("#message").text(d.value);
         });
 
       // Convert json to d3-ez data format

diff --git a/examples/TabularHeatChartExample.html b/examples/TabularHeatChartExample.html
@@ -18,7 +18,7 @@
     d3.json("data/netflix_isp_speed_index.json", function(error, json) {
 			// Netflix Speed ISP Speed Index Source: https://ispspeedindex.netflix.com/country/uk/
 
-      var colors = ["#c3ff28", "#ffff0b", "#fdb409", "#f38337", "#fb0007"];
+      var colors = ["#fb0007", "#f38337", "#fdb409", "#ffff0b", "#c3ff28"];
       var chart = d3.ez.chart.tabularHeat().colors(colors);
       var legend = d3.ez.component.legend().title('Speed Index');
       var title = d3.ez.component.title().mainText(json.Metadata.Title).subText(json.Metadata.Detail);