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"
    />    

不工作。

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

Answer 1

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

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

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