问题标签 [vue-chartjs]

我正在尝试删除分组条形图条上值为 0 的条，但即使我在很多地方看到此解决方案，它对我也不起作用。

我想做的事

我创建了这个codepen。它包含一个 ChartJS 分组条形图：

关于如何实现想要的行为的任何想法？

在此处输入图像描述

我只想更改假期（周日和周六）xAxes 标签颜色。我知道我可以增加打击。但它使所有 xAxes 标签颜色。

我正在考虑将标签文本类型 = 字符串更改为对象或节点列表。并通过数组控制它。但我不知道这是否可能。有人试图改变chartjs标签吗？

滴答声：{字体颜色：“#d92736”}

我正在为 Vue 使用charts.js，并尝试将可变数量的数据集（包含背景颜色、数据和标签）推送到图表中。数据对象应记录如下内容：

但是，数据集正在记录一个额外的观察者对象，并且图表没有呈现。这是我的代码：

这是我的数据对象：

这是我的模板：

这是我的 chart.js

这就是我得到的对象......

扩展视图：

很明显 Vue 正在尝试发挥它的魔力，但这是否意味着我不能使用可变数量的数据集来渲染我的图表？阻止 {_ ob _} 对象太危险了。我已经尝试过了，vue.charts.js 程序需要一些反应性）。有没有办法做到这一点？也许是一个允许在datacollection2对象中遍历for 循环的技巧？而不是将数据集对象推送到datacollection2？有什么想法吗？

所以我是在应用程序中使用数据可视化的新手，我试图将来自我的 api 的数据设置为圆环图用来显示的数据，但是我无法弄清楚如何正确访问数据

我已经安装了 vue-chartjs 作为简化组件使用的一种方式

这是图表组件

现在我的数据来自chartEngagements吸气剂，这是控制台中该数据的显示

我的问题是如何在我的方法中将Complete: Array(1)etc 设置为data[]属性this.renderChart()？

我试过做这样的事情，但它不会显示任何东西

但是它没有显示任何内容..任何帮助将不胜感激或指向正确的方向！

我试图弄清楚如何绘制这张图表。它看起来像一个堆叠的水平条形图，但我在为持续时间间隔定义数据集格式时遇到了麻烦。我仍然没有找到构建数据源以实现此结果的正确方法。

另一种选择可能是折线图/散点图。最后一个是编写自定义插件并手动将其绘制在画布上，逐个形状。我想避免这种情况:)

任何想法都会非常有帮助。谢谢！

我有一些设备正在尝试从他们收集的数据中构建实时图表。目前我正在尝试读取并显示他们的 wifi 信号强度，但我无法将它们联系在一起。我将如何根据已发布的数据构建 Xaxis，并绘制 wifi 信号图表？

parsedData 变量的示例

家.vue

线图.js

有没有办法在 vue-chartjs 中制作圆角条形图？我用谷歌搜索了一下，发现我们可以使用这个 url 中给出的渲染条的实现来扩展条形图 -

如何在 Chart.js 条形图上放置圆角

在 vuejs 中是否有另一种实现此功能的方法？

我正在使用 vue-chartjs 在 web 应用程序上呈现图形。我知道如果您使用原始库，您可以打印图表。但是我不知道如何使用库的 vue 版本来做到这一点。

我在外部charts.js 文件中有我的图表变量

然后在我的组件模板上我有：

任何帮助，将不胜感激。

我正在尝试使用 vuechartjs 生成一个 vue 图表，该图表将在一段时间（年）内重复编号 10、20、30、40、50。

我很难让图例和工具提示按预期工作。目前，标签只打印出标签数组，工具提示显示各自的标签。

预期的标签图例：

Label 1, Label 2, Label 3, Label 4, Label 5用各自的颜色：#F44336, #FC9900, #FCC106, #8BC34A, #4CAF50。

1. 如何获得带有此标签和颜色的图例？
2. 如何获得显示label数据点而不是每个数据点的工具提示labels？
3. 如何将图像添加到工具提示/标签？

密码笔

所以我试图在我的圆环图上显示数据，我在从嵌套数组访问我的数据时遇到问题。当我使用以下内容时，它只会给我嵌套数组的选定索引。

所以我想知道我还需要做些什么来计算数据，或者我做错了什么。

这是计算的属性

在我的甜甜圈图上，我正在访问数据。*注意删除样式数据以清理问题

这是我得到的图像

现在如果我这样做

结果我得到了这个但是它无法访问显示的数字数组

所以我的问题是，我是在计算属性上做错了什么，还是我错误地访问了数据，或者两者兼而有之？哈哈

这是一个Js Fiddle给出一个想法