问题标签 [vue-chartjs]

我正在尝试使用父数据对象 + mixins 的引用动态填充图表组件

有没有办法将数据对象传递给方法，例如。标签来枚举我现有的对象对象，还是我必须构建一个自定义解决方案才能将其传递给数组？

例如

编辑：添加标签

所以我收到这个错误

[Vue 警告]：避免直接改变 prop，因为每当父组件重新渲染时，该值都会被覆盖。相反，使用基于道具值的数据或计算属性。正在变异的道具：“chartData”（在 中找到）

现在这似乎是一个常见错误，但我不确定在这种情况下如何解决它

我将 Vue 与 Vue-chartjs 一起使用，我得到了以下信息

bar_chart.vue

模块内容.vue

基本上，我希望该函数 getBarDate 能够设置 ChartData（稍后用 ajax 调用替换），经历了数百个排列和文档，但仍然不明白。

我想明白你不能直接设置它，那很好，错误很清楚，但是看不到任何使用 vue-chart 组合的例子？

我尝试在 bar_chart.vue 中设置计算表达式或数据变量，并且在模块内容中设置相同。

我似乎无法让它表现出来

谁能帮忙谢谢

How can I change the default colour of the labels?

Here is default chart implementation, hope someone can help me

Cheers

嗨，我无法理解如何在 vue js 中改变道具值。我正在使用 vue-chartjs 使用 chartjs 动态重新渲染图表。该行为有效，但是当我启动 updateValues() 函数时，我收到控制台消息警告。

Vue warn]：避免直接改变 prop，因为每当父组件重新渲染时，该值都会被覆盖。相反，使用基于道具值的数据或计算属性。正在变异的道具：“myData”

我如何正确地改变道具？

编辑：下面的答案得到了部分回答，但它帮助我找到了最终的解决方案。Fiddle 已经更新为我想要的。

这是我正在处理的雷达图：https ://jsfiddle.net/bigtrouble77/02p81jhr/4/

我很难找到有关如何配置此图表以执行以下操作的任何信息：

• 增加文本的字体大小
• 更改“web”行的颜色
• 删除难看的垂直框
• 将刻度更改为 1-20，这样 20 始终是图表中的最高级别，而不是数据集中的最高数字。

我无法在文档中找到有关如何执行此操作的任何信息。我使用旧版本的 Chart.js 取得了一些成功，但 api 似乎发生了重大变化，因此这些都不适用于最新版本的 Chart.js。任何帮助将不胜感激。

Dashboard 获取具有 10 个元素的数据数组作为chdata属性。每 0.5s 数组更新一个新项目。我可以看到，数据集中的数据正在发生变化，但图表没有显示。

Uncaught TypeError: Cannot read property 'skip' of undefined悬停时也会出现此错误。

我做了这个mounted()：

我对此并不满意。

我正在使用 Vue.js 和 Chart.js 来绘制一些图表。每次我调用该函数generateChart()时，图表都不会自动更新。当我检查 Vue Devtools 中的数据时，它们是正确的，但图表没有反映数据。但是，当我调整窗口大小时，图表会更新。

• 我在做什么有什么问题？
• 每次打电话时如何更新图表generateChart()？

我觉得这将与object更改array检测警告有关，但我不确定该怎么做。

https://codepen.io/anon/pen/bWRVKB?editors=1010

LineChart.js

我正在根据他们的示例从vue-chartjsBar扩展组件：

testData但是当像这样使用组件时，当传入的变量发生变化时，我会收到“避免改变道具”错误：

避免直接改变 prop，因为只要父组件重新渲染，该值就会被覆盖。相反，使用基于道具值的数据或计算属性。正在变异的道具：“reportData”

我怎么能改变reportData道具？

我正在尝试绘制折线图。我有表格中的数据集

我试过的：

现在我希望“rt”在 x 轴上，并且每条线的强度数组都不同。我可以画一条线，但不能画多条。

这是我的图表组件的样子：

我正在使用 vue-chartjs 来呈现条形图。我有两个问题：

1）如果我使用从父组件推送到该子组件的道具，则不会呈现任何内容。（在下面的代码中，如果我将图表设置为使用 test_data，它工作正常，如果我设置为使用 chart_data，即使我作为道具推送的数据与 test_data 值完全相同，也不会呈现任何内容。

2) 我不断收到以下关于 columnsprop 和 dataprop 的错误 - 如您所见，我尝试使用计算属性，但这没有帮助。

条形图.vue

我也尝试过使用这里的临时属性：如何解决 [Vue 警告]：避免直接改变道具，因为该值将在 vue.js 2 上被覆盖？

IE：

但仍然得到同样的错误

有任何想法吗？