построение точечной диаграммы с использованием vue, plotly и ajax - PullRequest
Новая
       4

построение точечной диаграммы с использованием vue, plotly и ajax

0 голосов
/ 09 января 2019

Я новичок в Vue и до сих пор наслаждаюсь этим. Однако я застрял в проблеме, с которой мне нужна помощь. Прямо к теме, я не знаю, как передать результат Ajax с помощью вызова Axios переменной, чтобы отобразить его на моем графике рассеяния, используя https://github.com/statnett/vue-plotly. Вот как я пытался это сделать. 

     data () {
           return {
            //flag is defined as an array that I push the ajax response to
           flag:[],
           scatter:{
             data: [{ x: [2, 300,36], y: [200, 400,800] }],
             layout: {'title': String(this.flag)},
             options: {}
           },
      },        
      mounted(){           
        axios.get('http://192.168.1.10:8000/books/api/?format=json')           
          .then(response => (
            this.flag = response
          ))
      }

когда я пытаюсь использовать флаг в макете, он говорит неопределенный. Это так странно, как флаг может быть неопределенным и почему? Буду признателен за вашу помощь. заранее спасибо.

...