mirror of
https://github.com/KevinMidboe/vue-chartjs.git
synced 2025-10-29 18:00:20 +00:00
36 lines
831 B
JavaScript
36 lines
831 B
JavaScript
module.exports = {
|
|
props: {
|
|
chartData: {
|
|
required: true
|
|
}
|
|
},
|
|
|
|
watch: {
|
|
'chartData': {
|
|
handler (newData, oldData) {
|
|
if (oldData) {
|
|
let chart = this._chart
|
|
|
|
let newDataLabels = newData.datasets.map((dataset) => {
|
|
return dataset.label
|
|
})
|
|
|
|
let oldDataLabels = oldData.datasets.map((dataset) => {
|
|
return dataset.label
|
|
})
|
|
|
|
if (JSON.stringify(newDataLabels) === JSON.stringify(oldDataLabels)) {
|
|
newData.datasets.forEach((dataset, i) => {
|
|
chart.data.datasets[i].data = dataset.data
|
|
})
|
|
chart.data.labels = newData.labels
|
|
chart.update()
|
|
} else {
|
|
this.renderChart(this.chartData, this.options)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|