Обновление данных vue-apexcharts для одного изменяет несколько графиков на странице
У меня есть несколько апекс-чартов на одной странице, каждая из которых настроена индивидуально. Попытка обновить данные на одной диаграмме обновляет данные для всех, хотя другие диаграммы не отображают данные. При последующем доступе к массивам данных других диаграмм они изменились.
Графики обозначены как SHP1
в SHP8
С помощью:
Vue: Version 2.5.2
vue-apexcharts: version 1.1.1
apexcharts: version 1.4.12
шаблон:
<apexcharts type='bar' :options='SHP1.chartOptions' :series='SHP1.series' @click.native="ProfileChange('SHP1')"></apexcharts>
<script>
import VueApexCharts from 'vue-apexcharts'
export default {
data () {
return {
SHP1: {
series: [{
name: 'SHP1',
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
}],
chartOptions: {
...
SHP2: {
series: [{
name: 'SHP2',
data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
}],
chartOptions: {
// to access a chart's data
this.SHP1.series[0].data
// to set a chart's data (chartData)
this.SHP1.series = [{
data: chartData
}]