无法显示Echarts
下为Echart.vue
组件代码,是根据Echarts官网上的入门示例编写。
<template>
<div style="height: 100%" ref="echart">echart</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
initCharts() {
//基于准备好的dom,初始化echarts实例
let myChart = echarts.init(this.$refs.echart)
// 指定图表的配置项和数据并绘制图表
myChart.setOption({
title: { text: "ECharts 入门示例" },
tooltip: {},
xAxis: {
data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
},
yAxis: {},
series: [
{
name: "销量",
type: "bar",
data: [5, 20, 36, 10, 10, 20],
},
],
})
},
},
mounted() {
this.initCharts();
},
};
</script>
<sty