问题标签 [vue-chartjs]

在 Laravel 5.6 / vuejs 2.5 应用程序中，我使用 vue-chartjs，但我的图表看起来像： https ://imgur.com/a/ru1dXlm 我想要更多：

• 有几个项目（在我的情况下是艺术家）我想看到它们是半透明的，就像这里的第一个例子一样http://demo.vue-chartjs.org/
• 具有如上面链接中第一个示例所示值的点
• 我需要在这里查看 x 方向的所有标签（我填写标签参数）
• 如果有上面链接的演示示例的源代码 > 我搜索并没有找到...

谢谢！

这是我的图表：

这是我的组件，一个带有日期选择器和图表的页面：

当我第一次打开带有图表的页面时，它会正确显示从 0 开始的 yAxes。但是当我使用日期选择器选择一个期间并将数据传递给图表时，它会显示从后面的最小数字开始的 yAxes结尾。有人可以建议如何避免这种情况吗？

使此图表具有响应性也存在问题。不知何故，它忽略responsive: true了选项。

所以我按照作者的文档制作了一个反应图表，就像文档样本一样。

一个 js 文件和一个 vue 文件：

问题是：似乎我无法通过任何选项。

我需要做的是

1. 隐藏所有包含 x&y 的网格线
2. 使工具提示始终显示

但是我已经尝试了所有可能的方法，但它们都不起作用，甚至像：

它不会工作，工具提示是一样的

我只想知道，反应式 vuechartjs 是否可以传递选项？或者我只需要使用chartjs 吗？

我有我的费用跟踪器应用程序。共有三个表 - 用户、费用、类别。每个 Expense 模型都有 name、date、categoryId、amonut。有一个 REST API（ExpressJS+Sequelize+MySQL），我在客户端使用 Vuejs 应用程序。我想将图表添加到我的应用程序中。

我不知道如何返回每个类别的费用总和。Sequelize 中有一些“求和”函数，但如何使用它在 API 中公开每个类别的费用总和？

我尝试这样的事情：

我只有一个使用 vue-chartjs ( http://vue-chartjs.org/#/ ) 的极区图。但我在此图表中找不到隐藏“区域线”（圆形线）和数字（百分比）的选项。

找到从演示示例中获得的示例：

一个极区示例的屏幕截图

你能帮我做这个配置吗？太感谢了。

我有一个使用 vue-chart 的图表。在 mydata 数组中，我需要输入来自 store.js 文件的数据。我需要将这些数据推送到 mydata 但不使用任何按钮。

这是图表数据

我需要将此计数器值推送到 vue-chart 的 mydata 数组，并且这些值正在另一个组件中更新。我使用计算道具在图表组件中有这个更新的值。如何在不使用任何按钮的情况下将这些数据推送到 mydata 数组。

我有一个包含两个图表的组件，我在按钮单击时显示。我使用图表的相同组件，但我chartData通过两个不同的 getter 赋予它不同的内容。图表如下所示：

我知道reactiveProp如果数据发生变化（并初始化漂亮的动画），它会呈现一个新图表。但是目前两个 getter 给出了相同的数据，this.chartData所以当我尝试切换图表时，它保持不变。有什么方法可以更新或销毁数据，以便重新渲染图表，即使它从另一个 getter 获取相同的数据？由于某些原因，update()、destroy()、clear() 等方法没有成功，但也许我在错误的地方使用了它们。

这是我的图表页面：

我是 vue.js 的新手，非常感谢您的帮助和建议。

我正在使用 Chartjs，我想旋转我的饼图，使它看起来像一个仪表。我不确定我的 javascript 哪里出了问题，并且我在控制台中没有收到任何错误 - 有人可以建议我吗

我不确定我是否没有将“选项”放在正确的位置

chartjs.html

图表jsgauge.js

这是目前我的甜甜圈图表，我正在尝试将其作为量规旋转

我正在使用 vue-chart 制作条形图。我想在条形图正文上显示值而不是使用工具提示？为此我该怎么办？

这是一个代表每小时统计数据的图表。这是从 last.fm 网站获取的，该网站显示编号。每小时的“乱码”（播放的歌曲）。

这种图表可以用chart.js吗？我已经能够找到与我正在寻找的东西相当的 highcharts： Highcharts Windrose Example

我已经在我的应用程序中使用了 chart.js，并且不想使用 2 个库来完成一项工作。我能找到的最接近的chart.js等效物是这个极坐标图

任何人都可以指导我找到可以帮助我构建这样的东西的资源吗？或者，如果您知道按小时表示统计数据的更好方法，我也对此持开放态度。

谢谢。