Asynchronous Vuejs和图表库

我正在尝试使用vuejs和图表库制作应用程序。然而，当我将此图表与数据库（Elasticsearch）链接时，我遇到了问题

这是我的vue组件

<template>
    <chart :options="pie" ref="pie" auto-resize></chart>
</template>

<script>
    import {output} from './elasticsearch.js'

export default {
    ...

    data = [
        {value: output.pos, name: 'positive'}
        ...
    ]    

}

从“./elasticsearch.js”导入{output}
导出默认值{
...
数据=[
{value:output.pos，名称：'positive'}
...
]    
}

但是，当我刷新应用程序时，图表显示值未定义。我认为这是因为图表是在完成js文件的执行之前呈现的

在这种情况下，有没有办法异步导入js文件？还是其他解决方案

---

谢谢。

我不知道您是如何绘制图表的，但您可以使用它，因为它是专为vue设计的，因此可以更轻松地运行图表。在图表组件中发布代码通过

在函数（结果）中设置数据来解决此问题。

<template>
    <chart :options="pie" ref="pie" auto-resize></chart>
</template>

<script>
    import {output} from './elasticsearch.js'

export default {
    ...

    data = [
        {value: output.pos, name: 'positive'}
        ...
    ]    

}