gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 14:10:25 24 4
gpt4 key购买 nike

我在 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("hit", (ev)=>{
控制台日志(ev.target.dataItem.dataContext.title)
})

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com