Обновите график Amcharts4 динамически, используя vue js - PullRequest
0 голосов
/ 04 мая 2019

Я использую AmCharts4 с Vue.JS,

На данный момент я добавил дизайн диаграммы по умолчанию при загрузке страницы, но когда я пытаюсь добавить динамические значения после загрузки страницы (с помощью нажатия кнопки), это не влияет на вид.

Код: - Гист

data: () => ({ dataForChart: { data: [{ "name": "Anne", "steps": 32 }, { "name": "Rose", "steps": 30 }, { "name": "Jane", "steps": 25 }] } }),

создание диаграммы на mounted()

let chart = am4core.create("chart-div", am4charts.XYChart); chart.data = this.dataForChart.data

при динамическом изменении значений с помощью нажатия кнопки эти данные не отражаются на графике.

метод, используемый для изменения набора данных.

this.dataForChart.data = { data: [{ "name": "Anne", "steps": 54 }, { "name": "Rose", "steps": 44 }, { "name": "Jane", "steps": 33 }] }

...