用字符串更新choropleth(不是用fillKey prop)

时间:2015-02-05 15:54:00

标签: javascript d3.js choropleth datamaps

我在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问题 显然,我将创建一个线性比例,将正确的颜色放入国家路径,但这是另一回事。

请帮帮我 谢谢你们!

0 个答案:

没有答案