我在https://github.com/markmarkoh/datamaps初始绘图部分之后阅读了指南>更新,但使用字符串值进行更新无效(使用fillKey属性可以正常工作)。我也读过这个封闭的问题:markmarkoh / datamaps#118但没什么。
这是我的代码:
v
ar map = new Datamap({
element: document.getElementById('world'),
geographyConfig: {
dataUrl: 'world-topo-min.json',
borderColor: 'black'
},
scope: 'countries',
fills: {
defaultFill: 'rgb(255,255,255)',
someKey: '#08306b'
},
data: {
'108': {fillKey: 'someKey'}
},
setProjection: function(element) {
var projection = d3.geo.mercator()
.center([30, 34.4444])
.scale(170)
.translate([element.offsetWidth / 2 , element.offsetHeight/2]);
var path = d3.geo.path().projection(projection);
return {path: path, projection: projection};
}
});map.updateChoropleth({'57': {fillKey:'someKey'},'116': '#08306b'});
由id = 57标识的国家/地区,国家/地区116不会更改
我从这样的PHP数组中提取数据: myArray的= [[57,32],[116,12]] 国家57的价值为32,国家的116的价值为12,依此类推。 我现在忽略了myarray,因为我想先解决updatechoropleth问题 显然,我将创建一个线性比例,将正确的颜色放入国家路径,但这是另一回事。
请帮帮我 谢谢你们!