问题标签 [vue-chartjs]

我正在使用 chartjs 在 vuejs 中制作一个漂亮的图表。我在这里有一个散点图，当我使用像 unix 时间戳这样的大数字时，chartjs 似乎想用未使用的值填充 x 轴。

这是打开标签后的样子，因此您可以看到正在发生的事情：

我添加了道具...

...假设这是解决方案，但它没有影响。

谢谢！

行为守则

问题

代码笔： https ://codesandbox.io/s/vyy0z2my33

1. 首先，您可以在以下位置跟踪此问题：https ://github.com/apertureless/vue-chartjs/issues/473

2. 我还有一个使用 datepicker 的项目，它根据给定的日期重新渲染图表，因此如果你查看 codepen，在 BarChart.vue，你可以看到我添加了观察者来重新渲染图表

但是每次我选择日期时都会出错

背景

简而言之，我找不到如何将渐变放入图表的示例。

代码

条形图.vue

实际结果

1. 无法实现渐变色
2. 数据在初始时显示良好，但在选择日期时出现错误（如上图所示）

我应该能够使用自定义 y 轴刻度最大值设置图表，但我的图表在以下情况后被切断：

我有一个用于返回数组的值的 api，该数组与['12','34','78','31'] 我获取Math.max(...['12','34','78','31']) // 78和设置的一样ticks.max = 78 + (78/10) = 88 // as max + 10%

之后，当我尝试重新渲染图表时，我会从图表顶部被剪掉，例如：https ://imgur.com/tlgDlE5

只要我使用 4 倍作为最大值或 4x78，我就可以获得完整的图表视图。没有隐藏图表的其他元素。

我怎样才能解决这个问题？

所以我有一个图表，其数据集介于 0 - 1 之间（这表示我们在特定日期是否有库存）并且使用图表，而不是为每个日期打印 1 或 0，我希望它显示是或否，或至少是真/假

https://nimb.ws/W9CVKI - 在这里你有它显示数据的当前方式

我想知道是否可以在 chartjs3 中显示图表数据。我知道 Chartjs2 有这样的东西，但我不知道它是否可能在 3

我正在从 api（工作）中检索数据并使用vue-chartjs.

但是，仅绘制了前两个点。我必须以错误的方式构造我的数据，但我不知道它在期待什么。这是我的组件：

在我的App.vue文件中，我有这个简单的模板：

这个脚本：

正如您可能注意到的，我正在尝试从系统数据psutils中监控服务器。来自 api 的原始记录有几个字段。这个例子只是展示了我对 CPU 使用率的尝试。

浏览器工具显示了我期望的数据，但显然不是图表所期望的。这是来自 chrome vue devtools 扩展的数据视图

编辑：为确保实际加载数据，我将 {{chartdata}} 添加到我的模板中，我看到了这一切。这是它的开始方式，数组继续包含所有数据数组。实际绘图再次仅显示前两个数据点。

我有一个 30 天数据的图表，当它扩展到移动设备时它会崩溃，因为 xAxes 太多。

我试过 xAxes 刻度、最大值、最小值等。

我正在使用激活vue-chartjs的插件。datalabels标签在末尾对齐。

正如您在下面的屏幕截图中所见，顶部标签最终会被画布剪切。参数如下。我试图切换responsive和maintainAspectRatio为假，但没有成功。

这是预期的行为还是错误？

我正在尝试在vue-chartjs中绘制图表。

我想从我的MySQL数据库中获取所需的值并将它们存储到一个数组中。然后用它们来绘制图表。但我不太清楚如何从数据库中获取这些记录的逻辑。

这是我试过的代码

谁能告诉我在这里做错了什么？

我用 chart.js 创建了一个简单的响应式 HTML + JS 图表，效果很好。我决定在 Vue CLI 中执行此操作，因此尝试将其切换到 vue-chartjs，但相同的图表总是呈现比我的窗口高 33% 左右，因此呈现垂直滚动条（宽度很好）。我用我渲染的一个简单的示例图重新创建了这个问题：

请注意 the datais trivial 和 the optionsare {}。

如果我在我的 Vue 组件中使用 chart.js，而不是 vue-chartjs，那么它可以正常工作。即，我只是从我的组件中删除上面的代码并将其更改为以下代码，然后它就可以正常呈现，就像我的示例 HTML + chart.js 版本一样。

我当然使用默认值，responsive: true并且maintainAspectRatio: false在任何地方都没有明确的 CSS 或大小设置。

为什么我在使用 vue-chartjs 时无法让图表正确渲染高度？我正在使用 vue-chartjs 3.4.2 版，但也尝试了几个版本。我查看了整个 github 错误跟踪器，但没有看到任何相关内容。