具有突出显示和分段色彩图的热图

Question

我熟悉了这篇精彩的文章 - How NOT to Lie with Visualization 而且他们试图使用这些建议。 文章中的两种热图色彩图似乎非常有趣：突出显示和分段的色彩映射：types of colormap（sry，发布图像的声誉不够）

谷歌地图的所有类型的JS热图库，我知道只能在某些颜色之间构建渐变，这允许构建默认（彩虹）和同构色图。 所以我的问题是： 是否有谷歌地图的JS库，可以产生这样的热图，如分段和突出显示？

Answer 1

我找到了解决方案：

1. 突出显示色彩图： 我制作了一个范围滑块，其中范围表示突出显示的空间：
   通过更改滑块值，新梯度计算为

    var new_gradient =[]; 
    new_gradient[0] = 'rgba(0, 255, 255, 0)'; 
    for (var i = 1; i <= 10; i++) {   
      if ( (i >= v1) && (i <= v2)) 
        { new_gradient.push('#ffff00'); }   
      else 
        { new_gradient.push('#00008b'); }         
    };

亮黄色是突出显示的空间，蓝色 - 不是。

---

1. 分段色图： 在Google Maps JavaScript API v3中，您推入渐变数组的颜色均匀分布在比例尺上（如果我们绘制图例，则会更容易看到）。如果你推出相同的颜色 - 它们之间就没有渐变。因此，如果您推送100种颜色而不是10种颜色，其中1-80将是＃00008b和81-100 - #ffff00。渐变将建在80到81种颜色之间，这几乎是不可察觉的