在jVectorMap中添加图例

Question

我正在更新我们的应用程序，使用 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）允许用户使用顶部的箭头更改颜色的缩放比例。如果这也是可能的话，那就太好了。

有人知道这些中的任何部分是否可行吗？

- Snowy Coder Girl

Answer 1

最基本的事情是生成彩色比例尺。请参考我最近回答过的类似问题 链接。

- bjornd

---

+1 谢谢。我猜这意味着没有本地功能来显示图例？（我相信您是jVectorMap的作者？非常好的应用程序）。 - Snowy Coder Girl

@R 目前还没有，但我计划在接下来的版本中实现这个功能。 - bjornd

酷！哦，顺便问一下，有没有一种简单的方法可以获取区域中最小和最大的值（例如，上面myData中最大和最小的值——分别为11.58和158.97）？ - Snowy Coder Girl

请尝试使用 map.series.regions[0].scale.minValue 和 map.series.regions[0].scale.maxValue。 - bjornd

使用线性的标准化函数（normalizeFunction）。谢谢。 - Snowy Coder Girl