使用Vue Google Chart - Geochart。图表在数据更改时重新加载，但图例被删除

Vue Google Chart - Geochart 是一个基于 Vue.js 的图表库，用于绘制地理图表。当数据发生变化时，可以重新加载图表，但是图例会被删除。

Vue Google Chart - Geochart 是基于 Google Chart API 的封装，它提供了丰富的地理图表功能，可以用于可视化地理数据。它支持各种地理图表类型，包括地图、区域图和标记图等。

使用 Vue Google Chart - Geochart 绘制地理图表非常简单。首先，你需要在项目中安装并引入 Vue Google Chart - Geochart 库。然后，你可以在 Vue 组件中使用该库提供的组件来绘制地理图表。

当数据发生变化时，你可以通过重新加载图表来更新图表的显示。但是需要注意的是，重新加载图表会导致图例被删除。因此，在重新加载图表之前，你需要保存图例的状态，并在重新加载后重新添加图例。

以下是一个示例代码，演示了如何使用 Vue Google Chart - Geochart 绘制地理图表并在数据更改时重新加载图表：

<template>
  <div>
    <vue-google-chart
      :chart-type="'GeoChart'"
      :data="chartData"
      :options="chartOptions"
      :width="'100%'"
      :height="'400px'"
    ></vue-google-chart>
    <button @click="reloadChart">重新加载图表</button>
  </div>
</template>

<script>
import VueGoogleChart from 'vue-google-charts';

export default {
  components: {
    VueGoogleChart,
  },
  data() {
    return {
      chartData: [
        ['Country', 'Popularity'],
        ['Germany', 200],
        ['United States', 300],
        ['Brazil', 400],
        ['Canada', 500],
        ['France', 600],
        ['RU', 700],
      ],
      chartOptions: {
        region: 'world',
        displayMode: 'regions',
        resolution: 'countries',
      },
    };
  },
  methods: {
    reloadChart() {
      // 保存图例状态
      const legend = this.$refs.chart.$chartObject.legend.position;

      // 重新加载图表
      this.chartData = [
        ['Country', 'Popularity'],
        ['Germany', 100],
        ['United States', 200],
        ['Brazil', 300],
        ['Canada', 400],
        ['France', 500],
        ['RU', 600],
      ];

      // 重新添加图例
      this.$nextTick(() => {
        this.$refs.chart.$chartObject.legend.position = legend;
      });
    },
  },
};
</script>

在上面的示例中，我们使用了一个按钮来触发重新加载图表的操作。当点击按钮时，reloadChart 方法会更新 chartData 的值，并重新添加图例。

关于 Vue Google Chart - Geochart 的更多详细信息和使用方法，你可以参考腾讯云提供的相关文档和示例：

希望以上信息能够帮助到你！如果还有其他问题，请随时提问。