Question

我需要帮助，找到一种方法来复制v4中的amcharts v3中的以下功能，但不会成功：

在V3中：map.clickMapObject（map.getObjectById（'CA'））; 在V4中：chart.METHOD ???（polygonSeries.getPolygonById（“ CA”））

我想在这里实现的是，通过单击地图外部的元素来打开区域模态。

谢谢

Answer 1

在第4版中，您将在hit上分配一个polygonSeries.mapPolygons.template事件（our Events guide），例如：

// Open modal on click
polygonTemplate.events.on("hit", function(event) {
  // chart.closeAllPopups(); // <-- if using an amCharts Popup
  chart.openModal(
    "The id for " +
      event.target.dataItem.dataContext.name +
      " is <strong>" +
      event.target.dataItem.dataContext.id +
      "</strong>."
  );
  // if using an amCharts popup, replace openModal with openPopup
});

不确定区域模态是什么意思，所以我展示了如何在代码中使用amCharts的Modal，并在注释中使用了amCharts的Popups。这是我们关于弹出窗口和模式的指南：https://www.amcharts.com/docs/v4/concepts/popups-and-modals/

要触发事件，可以使用对象的dispatch或dispatchImmediately方法。因此，您对polygonSeries.getPolygonById("CA")感到满意。看起来像polygonSeries.getPolygonById("CA").dispatchImmediately("hit")，例如：

// External button that interacts with map, triggers click event of a MapPolygon
var $button = document.getElementById("external-interaction");
chart.events.on("inited", function(event) {
  $button.style.display = "inline-block";
  $button.addEventListener("click", function(event) {
    event.preventDefault();
    polygonSeries.getPolygonById("CA").dispatchImmediately("hit");
  });
});

这是一个演示，其中包含所有内容：

https://codepen.io/team/amcharts/pen/9b6d270e43c4a6d32a955fd7ac9a65c9?editors=0011

让我们知道这是否合理并且符合您的工作意图。

amCharts V4映射中的clickMapObject方法

1 个答案: