如何在Google地理图表中显示颜色值

Question

我想像这样显示谷歌地理图表。

我得到了世界地图，但我没有得到每种颜色的值

我搜索了很多并阅读了谷歌可视化文档。我什么都没有。如果有人知道这一点，请帮助。

Answer 1

颜色是用值固定的，你可以用静态标记和样式来完成。

例如：

{ quantity: '', price: '', amount: '' }

.block-geomap {
  position: relative;
}

.block-color {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  background-color: rgba(255,255,255, .7);
  pointer-events: none;
}

.color-list {
  list-style: none;
}

.color-item span {
  display: inline-block;
  width: 20px;
  height: 10px;
  border: 1px solid #666;
  margin-right: 5px;
}

.color-blue {
  background-color: blue;
}

.color-green {
  background-color: green;
}

.color-red {
  background-color: red;
}