Adding new data to map breaks colors

[irenenirgendwo]

If i first draw a map and then add more metadata to display an additional value of the data, the newly configured colors for the new metadata are not taken for the display. They fall back to the default colors. And it is the same with number formating and the definition of a domain.

Here is a simplified example:

The html code:

 Change displayed value: 
 <select id="menu_farbgebung" onchange="changeMap(this.value)"></select>

  <div class="map-wrapper">    <svg width="800" height="400"></svg>    </div>

The javascript code:

  var select = document.getElementById("menu_farbgebung"); 
  select.innerHTML = '';
  var el = document.createElement("option");
  el.textContent = 'population';
  el.value = 'population';
  select.appendChild(el);
  var e2 = document.createElement("option");
  e2.textContent = 'pop_density';
  e2.value = 'pop_density';
  select.appendChild(e2);


  var map = mapmap(mapEl())
  .geometry('data/austria.topojson', 'iso')
  .data('data/places-AT.csv', 'code')
  .meta({
      population: {
          label: "District Population",
          domain: [100000,200000,500000],
          color: colorbrewer.YlOrRd[5]
      }
  })
  .select('districts')
  .choropleth('population')
  .legend(mapmap.legend.html())
  .hoverInfo(['name','population'])
;

  function changeMap(value){
    map.meta({
      value:{
        label: "Density of Population",
        scale: 'threshold',
        color: colorbrewer.YlOrRd[5]
      }
    })
    .choropleth(value);
  }

[irenenirgendwo]

The problem is that I want to load the data only when it is necessary (because otherwise it is to slow), So at first I load the population data and only when the user changes the selection box of the map I load the density data into the file. But I need to calculate at least the domain in dependency on the calculatet values. That is why I cannot define it when drawing the map. But adding the new metadata seems not to work with all metadata values. I would appreciate some help.