Amcharts 向下钻取国家,添加可点击链接
Amcharts drill-down to countries, adding clickable links
向地图添加超链接已在此处解决:
但我想知道,如果我要在 'drill down to countries' 示例中向国家/地区内的州或省添加可点击的超链接,我需要更改什么?
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
感谢您的帮助!
如链接答案中所示,您可以为 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"
}];
}
});
显然,您希望在您的应用程序中使其更加健壮,但您明白了。
向地图添加超链接已在此处解决:
但我想知道,如果我要在 'drill down to countries' 示例中向国家/地区内的州或省添加可点击的超链接,我需要更改什么? 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
感谢您的帮助!
如链接答案中所示,您可以为 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"
}];
}
});
显然,您希望在您的应用程序中使其更加健壮,但您明白了。