Модель диаграммы 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, Томас