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

0 ответов

Другие вопросы по тегам