Question

我正在使用angular-google-charts的GeoChart。这是我的代码：

type="GeoChart";
  columnNames = [
    [{type: 'string', role: 'data'}]
  ]
  data = [
    ['India'],
    ['Australia'],
    ['Germany'],
    ['United States'],
    ['Brazil'],
    ['Canada'],
    ['France'],
    ['Russia']      
  ];
  options = {
    backgroundColor: '#17263c',
    datalessRegionColor: '#242f3e',
    legend: 'none',
    tooltip: {
      isHtml: true,
      textStyle: {
        color: 'black'
      }
    },
    colors: ['#46127A', '#1102BB', '#1633C4', '#3185CE']
  };
  dynamicResize = true;

<google-chart #chart
   [title]="title"
   [type]="type"
   [data]="data"
   [columnNames]="columnNames"
   [options]="options"
   [dynamicResize]="dynamicResize"
   style="width: 100%; height: 100%;">
</google-chart>

您会看到数组data（稍后将保存在数据库中）我现在想做的就是点击更改国家/地区的颜色。我不知道有两件事：

我如何知道我在地图上单击的位置？例如，如果我单击德国，那么我的程序如何知道它应该运行pushCountry("Germany")；如果我单击法国，pushCountry("France")
我该如何真正推动这些国家，以使它们立即消失？为了进行测试，我创建了一个调用函数this.data.push(['Germany'])的按钮并记录了该数组，添加了Germany，但是图表中的颜色没有改变。

谢谢您的帮助！

谷歌角图表颜色国家点击

0 个答案: