Google Charts не будет принимать переменную js - PullRequest
Новая
       21

Google Charts не будет принимать переменную js

0 голосов
/ 10 октября 2019

Я интегрирую линейную диаграмму из Google и пытаюсь добавить значения переменных, однако, когда я изменяю числовые значения для диаграммы на переменную js, она оценивается в 0.

JS:

 import { GChart } from 'vue-google-charts'


   export default {
    name: 'linegraph',
    props: ['dates', 'stats'],
    data() {
      return {

            test: 5, 
            items: {

            },
          chartData: [
            ['Date', 'Items Sold'],
            [this.dates.monday, 1],
            [this.dates.tuesday, 50],
            [this.dates.wednesday, 3],
            [this.dates.thursday, 2],
            [this.dates.friday, 6],
            [this.dates.saturday, 8],
            [this.dates.sunday, parseInt(this.test)]
          ],
          chartOptions: {
                width: 600,
                height: 400,
                curveType: 'function',
                legend: { position: 'bottom' },
                animation: {
                  duration: 1000,
                  easing: 'inAndOut',
                  startup: true
                },
                colors: ['#74D698'],
            }
        } 
    },

Я пытался оставить переменную такой, какая она есть, оборачивая ее в parseFloat, parseInt, number () и т. Д. Кажется, ничего не работает, и это также не вызывает ошибок. Любая помощь будет фантастической! Спасибо:)

1 Ответ

0 голосов
/ 10 октября 2019

Исправлено: если вы находитесь в компоненте vue, вам нужно объявить переменные вне функции экспорта в их собственной переменной.

...