Невозможно получить данные в верхнем графике - PullRequest
Новая
       5

Невозможно получить данные в верхнем графике

1 голос
/ 03 февраля 2020

Я пытаюсь использовать сплайн-диаграмму апекс-диаграммы в моем приложении vue js и извлекаю дату в формате метки времени из Firestore в созданной части приложения и должна отображаться на оси x, но ось х не отображает временную метку и дает ошибку. здесь код 

export default {

    data() {


        return {

            options : { year: "numeric", month: "numeric",  
    day: "numeric" },

            timestamp:[],

            RecruiterChart: {
    series: [{
            name: 'Total Jobs Posted',
            data: [11, 32, 45, 32, 34, 52, 41]

        }, {
          name: 'Applied Candidates',
            data: [31, 40, 28, 51, 42, 109, 100]  
    }],
    chartOptions: {
        dataLabels: {
            enabled: false
        },
        stroke: {
            curve: 'smooth'
        },
        colors: themeColors,
        xaxis: {
            type: 'datetime',
            categories: []

        },

        tooltip: {
            x: {
                format: 'dd/MM/yyyy'
            },

        }
    }
},
        }
    },


    components: {
        VueApexCharts
    }, 

    created(){
      const thisIns = this;


    var u= firebase.auth().currentUser

             let Ref=firebase.firestore().collection("Recruiter").doc(u.uid).collection("Jobs")
    Ref.orderBy("timestamp", "desc").onSnapshot(function(snapshot){
      $.each(snapshot.docChanges(), function(){
        var change= this
        if(change.type==="added"){
            var ab = change.doc.data().timestamp.toDate().toLocaleString("en-CH", thisIns.options)

            thisIns.time.push(ab)

          thisIns.RecruiterChart.chartOptions.xaxis.categories.push(
            ab
            ) 

           console.log( thisIns.RecruiterChart.chartOptions.xaxis.categories)
        }

      })
    })
    console.log(thisIns.RecruiterChart.chartOptions.xaxis.categories)

        },



    }

, но на графике выдается ошибка Ошибка: атрибут cx: ожидаемая длина, "NaN".

...