填充颜色的贴图最小/最大值

Question

我有一个使用mapael的示例，其中我根据状态数据表中的值设置填充颜色。当最小/最大值在6和8之间时，它可以工作，当值在400和500之间时，它可以工作，但当它们在5000和6000之间时，所有状态都以黑色填充，尽管数据确实包括在这些范围内的值。

    $(".mapcontainer").mapael({
        map: {
            name: "usa_states",
            defaultArea: {
                attrs: {
                    stroke: "#fff",
                    "stroke-width": 1
                }
            }
        },
        legend: {
            area: {
                title: "Frequency by state",
                slices: [
                    {
                        max: valA,
                        attrs: {
                            fill: "#97e766"
                        },
                        label: "LTE " + valA
                    },
                    {
                        min: valA,
                        max: valB,
                        attrs: {
                            fill: "#008080"
                        },
                        label: "Between " + valA + " and " + valB
                    },
                    {
                        min: valB,
                        attrs: {
                            fill: "#DC143C"
                        },
                        label: "GTE " + valB
                    }
                ]
            }
        },
        areas: data
    });

我不明白为什么颜色不会随着更大的值而改变。将鼠标悬停在状态上时，图例的标签会显示正确的值。

Answer 1

我问了这个问题，现在我看到我没有提供足够的信息来回答它。结果是，超过999的数据值包含一个逗号，以防止与最小/最大值的比较失败。在清理数字之后，它工作得很好。我向那些花时间在这上面的人道歉。