问题标签 [gchart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
224 浏览

javascript - 谷歌图表 clearChart() 与 vue-google-charts

我使用 vue-google-charts 在我的网站上绘制了几个图表。我希望用户可以选择相互比较多个数据。为此,用户可以从图表中添加/删除数据。

为了实现这一点,我想清除图表并用新数据绘制图表。但我不知道如何清除我的图表,因为我没有参考资料或任何其他描述我的图表的东西。我直接在 with GChart 中实现图表。如何将 clearCharts() 与 vue-google-charts 一起使用?

据我在 Google Charts 网站上看到的,我需要参考图表(例如 chart.clearChart())来设置图表,但我没有这样的参考。

谢谢最好的问候,克里斯蒂安

0 投票
1 回答
93 浏览

javascript - 使用 v-select 中选定的周期参数更新谷歌图表

我正在寻找一种通过从 v-select 中选择周期值来更新谷歌条形图显示的方法。

到目前为止,最初,我的脚本已加载,调用“async created()”并将数据从 REST API 获取到 MongoDB 调用模块,并将返回的数据存储在帖子 [] 中。然后最后将其保存到图表数据数组中。

数据格式是这样的

钥匙 类型
日期 (YYYY-MM-DD) 细绳
成功计数 整数
失败计数 整数

我想做的是,每个 v-select 值都包含 {name, id} 对。有没有办法将选定的“selectedItem.id”传递给脚本的 created(parameter) 方法或 PostService.get_dashboard_Posts(parameter) 的参数位置?不刷新整个页面?

下面是我的 CSS 代码

下面是我的脚本代码

0 投票
1 回答
66 浏览

vue.js - Vue-google-chart 如何添加过滤器类别

如何在 Vue.js 中使用 vue-google-charts 包装器在条形图中创建过滤器类别。

我创建了堆积条形图,我想在图例中按标签添加过滤器。

这是我的Vue应用程序

https://codesandbox.io/embed/vue-dashboard-chart-6lvx4?fontsize=14&hidenavigation=1&theme=dark

使用 Vue-google-charts 包装器是如何完成的?

谢谢你最好的问候,德德

0 投票
2 回答
82 浏览

javascript - vue-google-chart 如何在选择过滤器点击时更改颜色?

当我单击堆栈列时,我创建了带有过滤器的堆栈柱形图。

但是当我单击选中时,颜色会更改为默认颜色(蓝色)

这是我的Vue应用程序

https://codesandbox.io/s/vue-dashboard-chart-6lvx4?file=/src/components/Dashboard.vue

我期望颜色在堆栈列中选择相同的颜色。

它是如何使用 Vue-google-charts 完成的?

谢谢你最好的问候,德德

0 投票
1 回答
29 浏览

vue.js - vue-google-charts 错误 n.load 不是函数

我正在使用 vue-google-charts 包(https://www.npmjs.com/package/vue-google-charts)在我的应用程序(vuejs2.x)中显示谷歌图表,直到现在它工作得很好。

但现在我收到以下错误:

在我的代码中显示以下消息: 在此处输入图像描述

我在几篇文章中读到,我可以创建一个文件 vendor.d.ts 并将以下内容放入:

我创建了这个文件并将它放在“src”文件夹中,但它仍然不起作用。问题是,当我在本地测试它时,应用程序运行良好,所有图表都会显示等等。但是一旦我将应用程序部署到 firebase,图表就不再工作了。

我还读到可以通过将以下设置放入 tsconfig.json 文件中来解决该问题:

但是我没有 tsconfig.json 文件我只有 package.json 和 vue.config.js。所以不知道把这个设置放在哪里。

谢谢你的帮助

0 投票
1 回答
13 浏览

vue.js - 使用 VueJS 将标题传递给 gchart

我正在尝试使用 vue-google-chart 库来绘制图表。

我正在为组件使用以下代码:

在 html 中创建组件时,我使用:

在 html 中创建组件以更新组件中定义的默认空标题时,如何将标题作为参数传递?

提前致谢!