时间戳

首页 > 解决方案 > 如何在amcharts中从所选国家/地区恢复默认颜色

angular - 如何在amcharts中从所选国家/地区恢复默认颜色

问题描述

我已经用amcharts. 当我选择（缩放）特定国家时，填充它会着色。现在当我想重置地图大小时，无法删除填充颜色。

这是我的代码

this.polygonSeries.dataFields.zoomLevel = "zoomLevel";
this.polygonSeries.dataFields.zoomGeoPoint = "zoomGeoPoint";
var polygonTemplate = this.polygonSeries.mapPolygons.template;
var as = polygonTemplate.states.create("active");
as.properties.fill = am4core.color("#d8854f");

缩小地图的代码

public mapCountry_selected(country)
{
  var target=this.polygonSeries.getPolygonById(country.id);
  // Pre-zoom
  this.mapChart .zoomToMapObject(target);
    setTimeout(function() {
      target.isActive = true;
}, 1000);
}

重置地图的代码。此代码仅将地图设置为正常位置，但不会从中删除所选颜色mapCountry_selected

public ResetButton()
{
var polygonTemplate = this.polygonSeries.mapPolygons.template;
var as = polygonTemplate.states.create("active");
as.properties.fill = am4core.color("#d9d9d9"); //default color
this.mapChart.goHome()
}

我怎样才能将fill颜色恢复正常？

标签： angulartypescriptamcharts

解决方案

setState("default") 使用然后将当前活动状态设置为默认值。当您单击主页按钮时，我在下面添加了 codepen 视图将设置为默认状态。

用于重置默认值的代码笔

你也可以参考这个amcharts 状态

推荐阅读