我在我的 nuxt 项目中使用 vue google 图表。当我更改日期选择时,数据会发生变化,并且我的 geochart 组件中的计算方法会读取正确的新数据....但是底部的图例(颜色条)不能正常工作...而是读取NaN NaN...因此,图表显示了正确的数据,但不是正确的颜色编码。为清楚起见附上屏幕截图。(将鼠标悬停在国家/地区上会显示正确的数据,但由于未启动颜色映射,因此两个国家/地区显示相同的颜色阴影,尽管值显着不同)
这就是我加载图表的方式:
<GChart
:settings="{ packages: ['geochart'], mapsApiKey: '<usingmapsapikeyhere>' }"
type="GeoChart"
:data="countriesForMap"
:options="chartOptions"
ref="gChart"
/>
国家地图----
computed: {
...mapState(["countriesForMap"]),
}