jvectormap - 将图例添加到jVectorMap

我正在更新我们的应用程序以使用jVectorMap而不是Flash。有些地图需要对国家/地区进行不同的着色。创建起来非常简单。

<div id="world-map-color" style="width: 900px; height: 600px;"></div>
<script>
    var myData = {
                  "AF": 36.63,
                  "RU": 11.58,
                  "US": 158.97
                 };

    $('#world-map-color').vectorMap({
        backgroundColor: "#FFFFFF",
        regionStyle: {
            initial: { fill: "#7C96A1" },
            hover: { fill: "#A0D1DC" }
        },
        series: {
            regions: [{
                values: myData,
                scale: ['#B0ADF7', '#0D0885'],
                normalizeFunction: 'polynomial'
            }]
        }
    });
</script>

结果图：



但是，我想添加某种图例/键来说明颜色的比例。类似于以下内容：



此外，该示例图例（来自Flash）允许用户使用顶部的那些箭头来更改颜色的缩放比例。因此，如果可能的话也很好。

有谁知道其中的任何部分是否可行？

最佳答案

要实现的最基本的事情就是彩色刻度的生成。为此，请参阅我最近回答的类似的question。

关于jvectormap - 将图例添加到jVectorMap，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13166638/