填充颜​​色的mapael最小值/最大值

时间:2019-04-03 02:20:11

标签: jquery mapael

我有一个使用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
    });

我不知道为什么颜色不会随着较大的值而改变。将鼠标悬停在状态上时,图例标签确实显示正确的值。

1 个答案:

答案 0 :(得分:0)

我问了这个问题,现在我没有提供足够的信息来回答它。事实证明,超过999的数据值包含逗号,以防止与最小值/最大值进行比较失败。清理数字后,它可以正常工作。我向那些为此花时间的人表示歉意。