Vuejs Laravel,Fusioncharts“无数据可显示”

时间:2019-03-03 07:02:32

标签: laravel vue.js fusioncharts

我正在尝试在Laravel Vue项目中实现Fusioncharts,但当我使用通过axios.get返回的动态数据时却无法使用它,但是当我使用预定义的数据时它就可以使用。

使用axios.get的Vue组件文件

<template>
   .....
</template>

<script>
export default {  
    data() {
        return {
          width: '100%',
          height: '400',
          type: 'column2d',
          dataFormat: 'json',
          dataSource: null
        }
    },
 methods: {
        .....
    },
    mounted: function(){

       axios
        .get('/data/drilldown-column')
        .then(response =>( this.dataSource = response));

    }
}

</script>

使用预定义数据源的Vue组件文件

<template>
   .....
</template>

<script>

const dataSource = { "chart": { ..... } }

export default {  
    data() {
        return {
          width: '100%',
          height: '400',
          type: 'column2d',
          dataFormat: 'json',
          dataSource: dataSource
        }
    },
 methods: {
        .....
    },
}

</script>

**注意:预定义的dataSource与axios.get的响应相同

我希望也许有人可以帮助我。谢谢。

更新

没关系。我是通过将axios.get的响应更改为this.dataSource = response.data来实现的。谢谢。

0 个答案:

没有答案