问题标签 [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.
javascript - 谷歌图表 clearChart() 与 vue-google-charts
我使用 vue-google-charts 在我的网站上绘制了几个图表。我希望用户可以选择相互比较多个数据。为此,用户可以从图表中添加/删除数据。
为了实现这一点,我想清除图表并用新数据绘制图表。但我不知道如何清除我的图表,因为我没有参考资料或任何其他描述我的图表的东西。我直接在 with GChart 中实现图表。如何将 clearCharts() 与 vue-google-charts 一起使用?
据我在 Google Charts 网站上看到的,我需要参考图表(例如 chart.clearChart())来设置图表,但我没有这样的参考。
谢谢最好的问候,克里斯蒂安
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 代码
下面是我的脚本代码
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 包装器是如何完成的?
谢谢你最好的问候,德德
javascript - vue-google-chart 如何在选择过滤器点击时更改颜色?
当我单击堆栈列时,我创建了带有过滤器的堆栈柱形图。
但是当我单击选中时,颜色会更改为默认颜色(蓝色)
这是我的Vue应用程序
https://codesandbox.io/s/vue-dashboard-chart-6lvx4?file=/src/components/Dashboard.vue
我期望颜色在堆栈列中选择相同的颜色。
它是如何使用 Vue-google-charts 完成的?
谢谢你最好的问候,德德
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。所以不知道把这个设置放在哪里。
谢谢你的帮助
vue.js - 使用 VueJS 将标题传递给 gchart
我正在尝试使用 vue-google-chart 库来绘制图表。
我正在为组件使用以下代码:
在 html 中创建组件时,我使用:
在 html 中创建组件以更新组件中定义的默认空标题时,如何将标题作为参数传递?
提前致谢!