Javascript 如何让vue谷歌图表中的仪表图正常工作-备选方案？

在我的vue项目中，我希望以量规图表的形式显示NPS分数。最简单的方法是使用vue谷歌图表。不幸的是，这种类型似乎没有实现

vue谷歌图表正在我的项目中工作。如果我坚持使用“柱形图”。当我尝试使用仪表图表时，没有显示任何内容，并且控制台中出现错误

      type="Gauge"
      :packages="packages"
      :data="chartData"
      :options="chartOptions"
    />    

以及：

      type="gauge"
      :data="chartData"
      :options="chartOptions"
    />    

你不工作了

---

感谢您的帮助。如果有人有一个如何直接使用GoogleAPI的工作示例，我会这样做。但我无法使这种方法发挥作用。

正确的方法是混合大小写

<GChart
:settings="{ packages: ['corechart', 'gauge'] }"
type="Gauge"
:data="raiting.NPS"
:options="chartOptions"
/>

---

非常感谢@WhiteHat。我以前试过，但只是因为你指出这是正确的方法，我尝试了大写和小写的混合。

你看起来像这样吗？是的，问题是，我无法对区域进行颜色编码。我的值从-100（红色）到+100（绿色）。您需要加载google图表的

gauge

包，请参阅

<GChart
:settings="{ packages: ['corechart', 'gauge'] }"
type="Gauge"
:data="raiting.NPS"
:options="chartOptions"
/>