amcharts 4 интерактивного контента во всплывающих подсказках на карте мира, не работает - PullRequest
Новая
       47

amcharts 4 интерактивного контента во всплывающих подсказках на карте мира, не работает

0 голосов
/ 22 февраля 2019

Вот мой javascript для карты мира.Идея состоит в том, чтобы всплывающая подсказка содержала ссылку на URL-адрес, позволяла пользователю щелкнуть по нему и открыть URL-адрес в другой вкладке / окне.всплывающая подсказка просто уходит от указателя, нет возможности щелкнуть встроенный тег с помощью URL.Как остановить всплывающую подсказку от указателя?(tooltipPosition: исправлено или указатель ничего не изменил) 

// Create map instance
var chart = am4core.create("chartdiv", am4maps.MapChart);

// Set map definition
chart.geodata = am4geodata_worldLow;

// Set projection
chart.projection = new am4maps.projections.Miller();

// Disable Zoom and Pan
chart.seriesContainer.draggable = false;
chart.seriesContainer.resizable = false;
chart.maxZoomLevel = 1;

// Series for gray background map
var worldSeries = chart.series.push(new am4maps.MapPolygonSeries());
worldSeries.exclude = ["AQ"];
worldSeries.useGeodata = true;
var polygonTemplate = worldSeries.mapPolygons.template;
polygonTemplate.fill = am4core.color("#ebebeb");

// Create map polygon series
var polygonSeries = chart.series.push(new am4maps.MapPolygonSeries());

// Make map load polygon (like country names) data from GeoJSON
polygonSeries.useGeodata = true;

// Configure series
var polygonTemplate = polygonSeries.mapPolygons.template;
polygonTemplate.tooltipHTML = "{name}<br/><a style=\"color:white; text-decoration: underline;\" href=\"{site}\" target=\"_blank\">{site}</a><br/>{email}<br/>{phone}";
polygonTemplate.adapter.add("tooltipHTML", function (html, ev) {
    if (!ev.dataItem.dataContext.site) {
        return "{name}";
    }
    return html;
})

polygonTemplate.fill = am4core.color("#6f52a8");


polygonSeries.tooltip.interactionsEnabled = true;  // allow interaction
polygonSeries.tooltip.pointerOrientation = "vertical";

// Create hover state and set alternative fill color
var hs = polygonTemplate.states.create("hover");
hs.properties.fill = am4core.color("#442580");


// Include
polygonSeries.include = ["AD", "AR", "AM" , "AU", "AT", "BS" , "BB", "BZ", "BM", "BO", "BR",, "BG", "KH", "CM", "CA", "CL", "CN", "CO" , "HR", "DO", "AE", "EC", "EG", "DE", "GT", "HN", "HK", "IN", "ID", "IR", "IQ", "IL", "IT", "JP", "JO", "KW", "LB", "LY",  "MK", "MX", "MM", "NL", "NG", "PK", "PA", "PY", "PE", "PH", "PR", "RU" , "SA", "RS", "SG", "SR", "CH", "TW", "TT", "TR", "UA", "GB", "US", "VE", "VN"
];
...