问题标签 [vue-chartjs]

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.

0 投票
1 回答
5522 浏览

vue.js - VueJs - 在方法之间传递变量

有一个v-select组件并且在更改时我正在启动fillData(selected)其中选择的是v-model. 我需要datacollection.datasets.label在更改时更新标签。我怎么做 ?

0 投票
1 回答
828 浏览

javascript - vue js条形图渐变颜色不显示

我正在为图表使用 vue-chartjs

这是我的 BarChart.js

这是我的 Vue

但我看不到渐变,所以我做console.logthis.$refs.canvas.getContext('2d'),它正确引用了条形图,但填充样式不是它显示的 canvasgradient

0 投票
2 回答
1906 浏览

vuejs2 - 尝试在 vue-chartjs 中使用 ReactiveProp 时出错

我正在尝试使用一个名为“Vue-Chartjs”的组件来创建一个LineChart.[

我正在将一些数据从 MySql 数据库传递到Chart.js文件chartData中定义的“”道具。

但我收到了这个错误。我的理解(我认为)是 chartData 没有得到更新。

有谁知道为什么它不起作用?非常感谢!

这是错误

0 投票
2 回答
1162 浏览

chart.js - 在 vue chartjs 中为线条添加阴影

我想为图表中的线条添加阴影。

我的代码是这样的

使用该代码,我能够为线条添加阴影。然而,网格也添加了蓝色阴影,这是不希望的行为。网格不应有任何阴影。

网格和线条上阴影的屏幕截图。注意到沿网格线的略带蓝色的阴影了吗?我想摆脱它

在此处输入图像描述

可以做些什么来消除网格上的阴影?

更新:

我按照建议更新了代码。我收到了这个错误

0 投票
1 回答
65 浏览

vue.js - 集成 vue-chartjs(版本从 2.8.7 到 3.2.1)?

我已经在我的项目中集成了 npm vuecharts(version-2.8.7),现在我将版本升级到 3.2.1,当我运行项目时出现以下错误,如何解决?

RevenueMiniChart.js?6508:3 Uncaught TypeError: WEBPACK_IMPORTED_MODULE_0_vue_chartjs .b.Bar.extend 不是函数

谢谢!

0 投票
1 回答
303 浏览

javascript - 使用 vue-chart.js ,可以将图表类型作为属性传递吗?

使用 vue-chart.js ,可以将图表类型作为属性传递吗?想要示例源代码。请教我。

0 投票
1 回答
2225 浏览

vue.js - vue-chartjs如何加载数据

线图.js

我使用 props 传递数据 example.vue

当我单击 getdata() 时,我认为它已传递给 Linechart.js,但为什么图表没有更新?还是空的

0 投票
0 回答
63 浏览

javascript - 始终返回数组 Javascript 中的值的数量,

再会,

我有一个这样的 JSON 数据,

我通过执行以下操作按地址汇总总数:

设置count为:

所以现在,我更新我的图表以显示这些汇总数据:

barChart.data以这个数据结束:[2, "San Marcos, Calumpit, Bulacan"]

我希望它有这个:["San Marcos, Calumpit, Bulacan"]

0 投票
1 回答
1209 浏览

javascript - Vue.js:如何从 API for Vue chart.js 检索数据

由于我没有绘制图表的经验,因此在我的项目中使用 vue-chart.js 可能不是很容易理解。

我从 API 收到这些数据:

我需要绘制一个图表,显示每个月系统中的活跃用户数量。所以我需要的唯一参数是median.

到目前为止,我的图表看起来像这样(我从 vue-chart.js 的示例中获取):

如何将median值发送到data图表的参数?我有 actionloadFullReport和 getter getFullReport。使用最后一个,我可以从report您在上面看到的对象中检索所有数据。

这是我的商店:

0 投票
1 回答
179 浏览

javascript - Vue.js:重新定义图表的数据

我使用 vue-chart.js 来绘制一个简单的图表。

当我控制台我的 getter 时mounted,我可以看到我收到了一个包含两个项目的数组,但是当我重新加载页面时,该数组似乎是空的。图表本身在页面重新加载之前和之后都不显示任何信息。请帮忙!