Vuefire с диаграммой на Vue.js - PullRequest
Новая
       103

Vuefire с диаграммой на Vue.js

0 голосов
/ 20 апреля 2019

Я пытаюсь синхронизировать данные массива моей диаграммы со значением моей базы данных. Диаграмма получения массивов для метки и данных. Я хотел бы привязать это значение данных Chart к моему объекту Firebase. Вот нормальное построение диаграммы с жестко закодированными статическими значениями: 

data()
{
return {appChart: {data: {labels: ["A"], series: [[3]]}},}
},

Теперь я хотел бы связать это значение (3) с моим объектом firebase. Обычно я могу без проблем использовать объект firebase следующим образом: 

new Vue({
   data: () => ({ myObjA: null }),
   firebase: {
      myObjA: db.ref('myObjA'),
      asObject:true
   },
  })

Но я не могу связать и динамически обновить этот myObjA с серией массивов Chart "a"; 

data()
{
return {appChart: {data: {labels: ["A"], series: [[myObjA]]}},}
},

Как я могу это сделать?

1 Ответ

0 голосов
/ 20 апреля 2019

Вы можете изменить appChart на вычисляемые свойства: 

export default {
  data: () => ({ myObjA: null }),
  firebase: {
    myObjA: db.ref('myObjA'),
    asObject:true
  },
  computed: {
    appChart() {
      return {
        data: {
          labels: ["A"], 
          series: [[this.myObjA]]
        }
      }
    }
  }
}
</script>
...