问题标签 [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.
javascript - 如何在回调中停止无限递归
我一直在试图理解为什么以及如何修复legendCallback
Vue 的 Vue 图表中发生的这种无限递归,但无济于事。非常感谢您的帮助。
在我的 Vue 组件中,选项在方法中定义为:
我的 generateLegendData 方法如下所示:
如果没有 for 循环,即只返回预期的字符串,它就可以正常工作。
vue.js - VueJS - vue-charts.js
我正在尝试将从 API 获取的数据作为道具传递给 vue-chartjs,我正在按照文档中的方式进行操作,但它不起作用。
主要成分
作为回应,我有一个对象数组,每个对象看起来像这样:
然后我想以某种方式将数据发送到图表,所以我将月份推送到chartdata.labels
和。total_price
chartdata.datasets[0].data
图表组件
console.log(this.chartdata)
从我的主要组件输出我的图表数据对象,并且数据在那里,因此数据被正确传递给图表,但图表上没有呈现任何内容。
文档是这样说的:
我发现这个文档有点含糊,因为它没有解释我需要chartdata
作为道具传递给图表的内容。你能帮助我吗?
javascript - 在chartjs笛卡尔时间轴上的某些时间位置创建刻度
我创建了一个实时图表,通过添加一个新值并删除一个旧值,大约每 10 秒更新一次。
我对时间轴的选定刻度有点不满意。每 10 分钟一次很好,但我更喜欢像15:50
, 16:00
, 16:10
. 我查看了文档时间轴,但没有发现任何有希望的东西。我对我的xAxes
样子的定义是:
我试图遍历数据集并找到“第一个漂亮时间”对象并将该对象设置为我的ticks.min
对象。但这没有用。
javascript - vue-chartjs中的水平滚动
我有一个关于 vue-chartjs 的问题。我需要在 jsfiddle 中实现这样的结果:http: //jsfiddle.net/mbhavfwm/
这是我的 vuejs 组件代码(图表数据由参数发送)。
我想代表一天中不同活动中用户的步行速度。因此,所有活动都可能分布在一天中的所有时间。我附上了一张图片,该图片显示了 2 个不同的活动作为示例。我想要实现的是在一天中的不同时刻绘制它们,所以我需要使用水平滚动。
laravel - (Laravel) 如何从 API 控制器中提取数据,以便在 vue-chartjs 中显示
我如何$mortality
从 API/ReportController.php 中提取数据,以便将其用作图表数据。
报告控制器.php
我阅读了https://vue-chartjs.org/guide/#chart-with-api-data但我不知道如何开始。您能用简单的方式向我解释一下,以便我理解吗?谢谢
vue.js - Vue Chart.js - 条形图上的简单点/线
我需要在我的bar
图表上添加一条简单的点/垂直线,它具有动态 X 值,0 表示 Y 值。我需要的预览(红点):
绿色值是动态的。
我当前状态的预览:
其中 3.30应该是点的 X 坐标 - [3.30, 0]。
我正在为图表使用Vue 图表,我尝试使用 and 创建一个混合图表bar
,scatter
但它scatter
需要type: 'linear'
它xAxis
不适合我对bar
图表的需求。
所以我尝试使用chartjs-plugin-annotation,它是box
接受“坐标”的类型,但这里的问题是该X
值必须是X轴(labels
对象)上的固定值。如果我输入 X 轴 [3,0] 它将起作用,但如果有一个十进制数,例如 [3.5, 0],它将不起作用。
所以,我的问题是如何在Chart.js条形图上放置一个“简单”点或垂直线,其中该点具有 X 轴的动态值 -> [动态值,0]。
仅供参考 - 这是关于预期价值
twitter-bootstrap - 如何将单选按钮绑定到组件应用程序?
我正在使用单选按钮来选择月份和年份。但我不确定如何绑定按钮的选择以显示我想显示的图表。
//模板
//