【问题标题】:Amcharts drill-down to countries, adding clickable linksAmcharts 向下钻取到国家,添加可点击的链接
【发布时间】:2019-12-18 15:58:41
【问题描述】:

向地图添加超链接已在此处解决: amcharts drill-down map countries clickable

但我想知道,如果我改为在“深入了解国家/地区”示例中添加指向国家/地区内的州或省的可点击超链接,我需要进行哪些更改? https://www.amcharts.com/demos/drill-down-to-countries/

例如,如果我要点击中国并查看省份,我将如何使用上述两种方法为其最南端的省份广西壮族分配 URL?

该地区的 ID 是“CN-GX”,可在此文件中找到: https://github.com/amcharts/amcharts4-geodata/blob/master/dist/es2015/chinaHigh.js

感谢您的帮助!

【问题讨论】:

    标签: javascript maps amcharts


    【解决方案1】:

    如链接答案中所示,您可以为 PolygonSeries 设置一个 url propertyField,以便它可以将提供的数据中的 URL 应用到该系列。您可以将其与 countrySeries(向下钻取的地图)中的 done 事件处理程序结合使用,以根据加载的地理数据 url 使用所需信息填充系列数据。例如:

    countrySeries.mapPolygons.template.propertyFields.url = "url";
    countrySeries.geodataSource.events.on("done", function(ev) {
      worldSeries.hide();
      countrySeries.show();
      if (ev.target.url.indexOf('china') != -1) {
          countrySeries.data = [{
            id: "CN-GX",
            url: "https://en.wikipedia.org/wiki/Guangxi"
          }];
      }
    });
    

    显然,您希望在您的应用程序中使其更加健壮,但您明白了。

    Demo of your Guangxi scenario

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-29
      • 2016-09-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多