【问题标题】:How to update (but not redraw) a d3-geomap with new data如何使用新数据更新(但不重绘)d3-geomap
【发布时间】:2016-07-27 23:34:20
【问题描述】:

我有这个函数来制作一个 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);
    }

【问题讨论】:

    标签: javascript d3.js geomap


    【解决方案1】:

    假设您的数据在名为 newData 的列中,那么您需要进行以下调用

    map.column(newData).update()
    

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-04-24
      • 1970-01-01
      • 2018-08-03
      • 2012-08-11
      • 1970-01-01
      • 2013-02-02
      • 2014-03-29
      相关资源
      最近更新 更多