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

Question

我想这样显示Google地理图表。

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

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

Answer 1

颜色由值固定，您可以使用静态标记和样式来完成。

例如：

 .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; } 

 <div class="block-geomap"> <div class="block-color"> <ul class="color-list"> <li class="color-item"><span class="color-blue"></span>0-5%</li> <li class="color-item"><span class="color-green"></span>5%-10%</li> ... <li class="color-item"><span class="color-red"></span>>35%</li> <li class="color-item"><span class="color-white"></span>No Data</li> </ul> </div> <img src="https://i.stack.imgur.com/1E7z6.png"/ alt="GEO map"> </div>