javascript - amcharts4 使用多边形属性获取 map 元素以链接到 URL

标签 javascript amcharts amcharts4

以下(在调用 core.js、maps.js、animated.js 和上下文 countryLow.js 文件时,会呈现包含区域(或子区域)多边形的 map -行政区划:

var chart = am4core.create("chartdiv", am4maps.MapChart);
chart.geodata = am4geodata_franceLow;
chart.projection = new am4maps.projections.Miller();

var polygonSeries = chart.series.push(new am4maps.MapPolygonSeries());
polygonSeries.useGeodata = true;
polygonSeries.applyOnClones = true;
polygonSeries.fill = am4core.color("#a791b4");
polygonSeries.fillOpacity = 0.8; 
polygonSeries.strokeOpacity = 0.3;

var regionTemplate = polygonSeries.mapPolygons.template;
regionTemplate.tooltipText = "{name}";
regionTemplate.properties.fillOpacity = 0.8; 
regionTemplate.propertyFields.fill = "color";
regionTemplate.propertyFields.url = "url";
regionTemplate.columns.template.url = "http://localhost:3000/go/cities?region_id={properties.id()}"

在显示工具提示时,如何在将多边形的 ID 值作为参数传递给 URL 的同时使多边形可点击?

最佳答案

只需用 Javascript 而不是 typescript 编写 zeroin 代码,就不会出现错误;

regionTemplate.url = "http://www.amcharts.com/";
regionTemplate.adapter.add("url", function(url, target) { return url + "?id=" + target.dataItem.dataContext.id; }):

关于javascript - amcharts4 使用多边形属性获取 map 元素以链接到 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55550352/

相关文章:

javascript - amCharts 4 - 第二个 Y 轴不显示值

javascript - amCharts map ,纬度对数坐标上带有气泡

javascript - 如何从 amChart 中删除 "JS chart by amCharts"文本?

javascript - 输入表格建议js

javascript - 如何编辑对象数组?

JavaScript 删除某些标签之间的所有内容

amcharts - IcCube - AmChart 滚动条拖动图标不显示

javascript - Promise 展平失败 - 为什么?

javascript - amcharts 中文本重叠时的偏移指南标签

amcharts - 如何在 amcharts V4 导出功能中导出百分比值