在我的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 的工作示例,我会这样做。但我无法让这种方法发挥作用。
最佳答案
正确的做法是混合大小写。
<GChart
:settings="{ packages: ['corechart', 'gauge'] }"
type="Gauge"
:data="raiting.NPS"
:options="chartOptions"
/>
非常感谢@WhiteHat。我以前试过,但只有你指出我,这是正确的方法,我才尝试混合大小写。
关于javascript - 如何让 vue-google-charts 中的仪表图工作 - 替代方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57786511/