我有一个使用 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
});
我无法弄清楚为什么颜色不会随着较大的值而改变。 将鼠标悬停在州上时,图例的标签确实会显示正确的值。
我问了这个问题,现在我发现我没有提供足够的信息来回答它。 事实证明,超过 999 的数据值包含一个逗号,以防止与最小/最大值的比较失败。 清理数字后,它工作正常。我向那些花时间在这上面的人道歉。