Обновление данных 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
        }]

0 ответов

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