javascript - JVectorMap:更新图例

Question

我正在使用 JVectorMap 显示带有彩色国家/地区的 map 。该 map 还包括一个图例和一个 onRegionTipShow。在我的应用程序中，可以更改 map 所基于的值。执行此操作后，应更新 map ，包括颜色、图例和提示显示。除了图例的更新外，一切都很好。传奇永远不变。

我只是不知道如何在更新 map 之前重置图例。任何人都可以提示我使用相应的方法吗？

map 初始化:

$('#myMap').vectorMap({
  map: 'world_mill',
  backgroundColor: '#FFFFFF',
  borderWidth: 1,
  color: '#D9D9DB',
  regionsSelectable: false,
  markersSelectable: false,
  zoomAnimate: true,
  zoomButtons : true,
  series: {
    regions: [{
      values: myData,
      scale: ['#FFB777', '#054696'],
      normalizeFunction: 'lineal',
      min: jvm.min(myData),
      max: jvm.max(myData),
      legend: { vertical: true }
    }]
  },
  onRegionTipShow: function(e, el, code){
    if(myData[code]) label = myData[code].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ''');
    else label = myData[code];
    el.html(el.html()+' ('+ label +')');
  },
  regionStyle: {
    initial: { fill: '#D9D9DB' },
    selected: { fill: '#EE442B' },
    hover: { 'fill-opacity': 1 }
  },
});
var myMapObj = $('#myMap').vectorMap('get', 'mapObject');
myMapObj.updateSize();

更新功能:

myMapObj.series.regions[0].clear();
myMapObj.series.regions[0].params.min = undefined;
myMapObj.series.regions[0].params.max = undefined;
myMapObj.series.regions[0].scale.minValue = undefined;
myMapObj.series.regions[0].scale.maxValue = undefined;
myMapObj.series.regions[0].setValues(myData);

如您所见，在使用 setValues 方法更新 myMap 之前，我将几个方法设置为“未定义”。我认为还有一种方法可以重置图例......

Answer 1

嗨，我有同样的问题，最终放弃使用 api。相反，我这样做了:

document.getElementsByClassName('jvectormap-legend-title')[0].innerHTML = '<div class="jvectormap-legend-title">' + legenda + '</div>';