我正在尝试在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
来实现的。谢谢。