如何使用新数据更新(但不重绘)d3-geomap

时间:2016-07-27 23:34:21

标签: javascript d3.js geomap

我有这个功能来制作我的应用程序首次加载时调用的d3-geomap。 但是,如何在不重新绘制全新地图的情况下使用新数据更新地图?

function buildMap(dataToShow){

        var map = d3.geomap.choropleth()
                .geofile('https://d3-geomap.github.io//d3-geomap/topojson/world/countries.json')
                .colors(colorbrewer.YlGnBu[9]) 
                .column('figure') 
                .format(function(d) {return (Math.round(d * 10) / 10).toFixed(2)+"%";}) 
                .legend(true)
                .unitId('ccode')
                .domain(chartDomain)
                .zoomFactor(5);


         d3.select('#map')
            .datum(dataToShow)
            .call(map.draw, map);
    }

1 个答案:

答案 0 :(得分:1)

假设您的数据位于名为newData的列中,则需要进行以下调用

71a07b09

这应该自己处理所有事情。