Vue.js 我在尝试实现vue echarts库的一个基本示例时出错

我正在尝试为echarts库使用vue echarts包装器

我在尝试实现一个简单的示例时发现一个错误（

“error:xAxis“0”not found”

）：

非常感谢您的帮助

这是我的密码：

<script>
import { use } from "echarts/core";
import { CanvasRenderer } from "echarts/renderers";
import { LineChart } from "echarts/charts";

import {
  TitleComponent,
  TooltipComponent,
  LegendComponent
} from "echarts/components";

import VChart, { THEME_KEY } from "vue-echarts";

use([
  CanvasRenderer,
  LineChart,
  TitleComponent,
  TooltipComponent,
  LegendComponent
]);

export default {
    name: "HelloWorld",
    components: {
        VChart
    },
    provide: {
        [THEME_KEY]: "light"
    },
    data() {
        return {
            option: {
                xAxis: {
                    type: 'category',
                    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    data: [150, 230, 224, 218, 135, 147, 260],
                    type: 'line'
                }]
            }
        };
    }
};
</script>

从“echarts/core”导入{use}；
从“echarts/Renders”导入{CanvasRenderer}；
从“echarts/charts”导入{LineChart}；
进口{
标题成分，
工具组件，
传奇成分
}来自“电子零件/组件”；
从“vue echarts”导入VChart，{THEME_KEY}；
使用([
拉票人，
线条图，
标题成分，
工具组件，
传奇成分
]);
导出默认值{
名称：“HelloWorld”，
组成部分：{
维克哈特
},
提供：{
[主题键]：“光”
},
数据（）{
返回{
选项：{
xAxis：{
类型：'类别'，
数据：[周一、周二、周三、周四、周五、周六、周日]
},
亚克斯：{
类型：“值”
},
系列：[{
数据：[150230224218135147260]，
类型：“行”
}]
}
};
}
};

我不确定，但可能是这一行：

---

myChart.setOption（选项）
谢谢您的回答。我认为vue echarts包装器为您进行了选项初始化，因此您可以省略此步骤。