javascript - AmCharts 4 - 从 map 上的点获取数据

标签 javascript amcharts

我在 AmCharts 4 map 上开始新项目,我想在单击所选点时获取数据。现在我有点击事件,但我不知道如何从数组中获取数据,例如 id 和标题。

// Create image series
var imageSeries = chart.series.push(new am4maps.MapImageSeries());

// Create a circle image in image series template so it gets replicated to all new images
  var imageSeriesTemplate = imageSeries.mapImages.template;
  var circle = imageSeriesTemplate.createChild(am4core.Circle);

//create circle/points

  circle.radius = 5;
  circle.fill = am4core.color("#000000");
  circle.strokeWidth = 3;
  circle.nonScaling = true;
  circle.tooltipText = "{title}" + "{id}";

  // Set prope fields
  imageSeriesTemplate.propertyFields.latitude = "latitude";
  imageSeriesTemplate.propertyFields.longitude = "longitude";

  // example data cities
  imageSeries.data = [{
    "latitude": 48.856614,
    "longitude": 2.352222,
    "title": "Paris",
    "id": 102
  }, {
    "latitude": 47.856614,
    "longitude": 2.352222,
    "title": "second Paris",
    "id": 104
  }];

    //click on point event
      circle.events.on("hit", function(ev) {

// HERE, WHAT CAN I DO??

        console.log("clicked on ", ev.target);

    }, this);

最佳答案

那就是:

imageSeriesTemplate.events.on("命中", (ev)=>{ console.log(ev.target.dataItem.dataContext.title) })

关于javascript - AmCharts 4 - 从 map 上的点获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54562895/

相关文章:

javascript - SystemJS 相对路径

javascript - 如何在剧作家中等待 JavaScript 完成

javascript - 在单个登录页面中使用多个用户登录的 Json 登录

javascript - Amcharts:插值阶梯线图值,显示插值气球

selenium - 如何通过 Java 使用 XPath 和 Selenium WebDriver 单击 SVG 元素

javascript - 将 javascript 的值(value)转化为速度

javascript - 如何在 Controller 中访问动态表单名称?

extjs4 - 如何在Extjs 4面板中添加Amchart图表?

javascript - AmPieChart 值和百分比

javascript - Amstock 图表无法放大 init 事件