Javascript 有没有一种方法可以使用;填写「;及;“中风”;作为区域比例颜色的属性?
我使用的是jVectorMap v1.1,我有一段相关的代码:Javascript 有没有一种方法可以使用;填写「;及;“中风”;作为区域比例颜色的属性?,javascript,jvectormap,Javascript,Jvectormap,我使用的是jVectorMap v1.1,我有一段相关的代码: var america = "#d84148"; var europe = "#0060d0"; var africa = "#44984d"; var asia = "#e3a430"; var oceania = "#2ecdd0"; series: { regions: [{ values: data['colours'], scale: { "America"
var america = "#d84148";
var europe = "#0060d0";
var africa = "#44984d";
var asia = "#e3a430";
var oceania = "#2ecdd0";
series: {
regions: [{
values: data['colours'],
scale: {
"America" : america,
"Europe" : europe,
"Africa" : africa,
"Asia" : asia,
"Oceania" : oceania
},
normalizeFunction: 'linear',
attribute: 'fill'
}]
}
我得到的矢量数据是来自naturalearth.com的world_mill__en,它包含每个国家的1px分隔,作为该国的边界。我正在构建的应用程序必须显示整个大陆,因此不允许有边界
在属性
上,我只能将填充
或笔划
设置为参数,并且我可以在使用填充
时为边框设置纯色
我想知道是否可以同时使用fill
和stroke
作为属性。或者,如果有一种方法可以将区域的笔划设置为与相应区域的颜色相同。即
if (stroke == "none")
{
stroke = "that region's colour"
}
在搜索了各种示例后,我在以下链接找到了我的解决方案: 我所需要做的就是:
var america = "#d84148";
var europe = "#0060d0";
var africa = "#44984d";
var asia = "#e3a430";
var oceania = "#2ecdd0";
series: {
regions: [{
values: data['colours'],
scale: {
"America" : america,
"Europe" : europe,
"Africa" : africa,
"Asia" : asia,
"Oceania" : oceania
},
normalizeFunction: 'linear',
attribute: 'fill'
}, {
values: data['colours'],
scale: {
"America" : america,
"Europe" : europe,
"Africa" : africa,
"Asia" : asia,
"Oceania" : oceania
},
normalizeFunction: 'linear',
attribute: 'stroke'
}]
}
就这样,问题解决了。复制区域数组内的整个部分,包括花括号,将填充更改为笔划