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