Я пытаюсь добавить всплывающую подсказку на карту am5. Во всплывающей подсказке должен быть тег, но у меня он не работает. Прикрепленный код, создает карту, добавляет данные и подсказку, чтобы на них можно было нажать и не исчезнуть. Форматирование всплывающей подсказки в порядке, но ссылки (a-теги) больше не работают.
Проблема: ссылка во всплывающей подсказке не активна. Есть идеи? Спасибо большое!
var test="John York | BlueMike Blank | GreenMike Blank | GreenMike Blank | Green";
var test2="John York | BlueMike Blank | GreenMike Blank | GreenMike Blank | Green";
var cities = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"name": "New York City",
"contacts": test
},
"geometry": {
"type": "Point",
"coordinates": [-73.778137, 40.641312]
}
}, {
"type": "Feature",
"properties": {
"name": "London",
"contacts": test2
},
"geometry": {
"type": "Point",
"coordinates": [-0.454296, 51.470020]
}
}, {
"type": "Feature",
"properties": {
"name": "Beijing",
"contacts": "John ChinaGreenMike BlankGreenMike BlankGreenMike BlankGreen"
},
"geometry": {
"type": "Point",
"coordinates": [116.597504, 40.072498]
}
}]
};
var root = am5.Root.new("mapdiv5");
var chart = root.container.children.push(
am5map.MapChart.new(root, {
projection: am5map.geoEquirectangular()
})
);
var polygonSeries = chart.series.push(
am5map.MapPolygonSeries.new(root, {
geoJSON: am5geodata_worldCustomHigh,
fill: am5.color(0x001146),
stroke: am5.color(0xffffff),
strokeWidth: 5,
})
);
var pointSeries = chart.series.push(
am5map.MapPointSeries.new(root, {
geoJSON: cities
})
);
pointSeries.bullets.push(function() {
var circle = am5.Circle.new(root, {
radius: 5,
fill: am5.color(0xffba00),
tooltipHTML: "{contacts}",
//showTooltipOn: "always",
cursorOverStyle: "pointer",
keepTargetHover: true,
interactive: true,
paddingBottom: 10,
paddingLeft: 10,
paddingRight: 10,
paddingTop: 10,
toggleKey: "active",
});
circle.on("active", function(active, target) {
if (active) {
target.setAll({
showTooltipOn: "always",
});
} else {
target.setAll({
showTooltipOn: "hover",
});
}
target.showTooltip();
});
circle.events.on("click", function(ev) {
console.log(ev.target.dataItem);
});
Подробнее здесь: https://stackoverflow.com/questions/793 ... l-and-link
Am5 amcharts HTML-подсказка и ссылка ⇐ Javascript
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение