javascript - 如何让 vue-google-charts 中的仪表图工作 - 替代方案？

Question

在我的vue项目中，我想以仪表图表的形式显示NPS分数。最简单的方法是使用 vue-google-charts。不幸的是，这种类型似乎没有实现。

vue-google-charts 正在处理我的项目。如果我坚持使用“ColumnChart”。当我尝试使用仪表图时，没有任何显示，并且我在控制台中收到错误消息。

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

还有:

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

不工作。

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

Answer 1

正确的做法是混合大小写。

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

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