Am5 amcharts HTML-подсказка и ссылкаJavascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Am5 amcharts HTML-подсказка и ссылка

Сообщение Anonymous »

Я пытаюсь добавить всплывающую подсказку на карту 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
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Подсказка amCharts 5 не работает после развертывания на Live-сервере
    Anonymous » » в форуме Php
    0 Ответы
    23 Просмотры
    Последнее сообщение Anonymous
  • Пользовательская функция в тепловой карте AM5, чтобы установить диапазон цветов для тепловой карты вместо двух (мин и ма
    Anonymous » » в форуме Jquery
    0 Ответы
    13 Просмотры
    Последнее сообщение Anonymous
  • Amcharts необходимо проанализировать значения Float из ответа ajax
    Anonymous » » в форуме Jquery
    0 Ответы
    11 Просмотры
    Последнее сообщение Anonymous
  • Как реализовать диаграмму Heikin Ashi с помощью amCharts 5?
    Anonymous » » в форуме Javascript
    0 Ответы
    17 Просмотры
    Последнее сообщение Anonymous
  • Как изменить фон легенды в графике Candlestick Amcharts 5?
    Anonymous » » в форуме Javascript
    0 Ответы
    4 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Javascript»