vue.js - Primevue 图表模型 - 反应性数据
问题描述
我目前正在尝试使用 primevue 组合图表,但无济于事。我想我已经尝试了我能想到的所有可能的事情。
所以我想要做的是得到一些实际数据:
export default {
data() {
return {
chartData: {
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [{
type: 'line',
label: 'Dataset 1',
borderColor: '#42A5F5',
borderWidth: 2,
fill: false,
data: [
50,
25,
12,
48,
56,
76,
42
]
},
{
type: 'bar',
label: 'Dataset 2',
backgroundColor: '#66BB6A',
data: [
21,
84,
24,
75,
37,
65,
34
],
borderColor: 'white',
borderWidth: 2
},
{
type: 'bar',
label: 'Dataset 3',
backgroundColor: '#FFA726',
data: [
41,
52,
24,
74,
23,
21,
32
]
}]
},
chartOptions: {
responsive: true,
title: {
display: true,
text: 'Combo Bar Line Chart'
},
tooltips: {
mode: 'index',
intersect: true
}
}
}
}
}
在这里获取一些实际数据的最佳方法是什么?我有一个 vuex 存储,但无论我尝试了什么,我都无法将数据放入图表中。
如果您能给我一个提示,将不胜感激。
brgds,托马斯
解决方案
推荐阅读
- scala - 如何在 Spark 中读取数据集中的地图
- python - Python Pandas 旋转一列并取消旋转 X 列
- shell - Dockerfile:如何从文件内容设置环境变量
- c# - CancellationToken 泄漏内存
- angular - How to set multiple cross fields validators in a fromGroup Angular 4
- python - python中的隐式扩展?
- forms - 防止 Vue.js 中的表单默认行为
- javascript - 来自 JSON 文件的 Vue.js 中的引导工具提示
- javascript - 正则表达式验证域不以句点结尾,而是以字符或数字结尾(javascript)
- python - 套接字中的“Listen()”值不起作用