img{宽度：400px；高度高：400像素；背景：红色；}.chart-box{宽度：600px；height:600px;}3.0使用echarts首先和vue2.x版本区别不大使用npm或者yarn安装echart例子：npminstallecharts--save成功后挂载配置vue2在main.js中。0如下：从“echarts”导入Echarts；Vue.prototype.$echarts=Echarts;vue3.0如下：import{createApp}from'vue';从'./App.vue'导入应用程序；import*asechartsfrom'echarts';constAppBase=createApp(App);AppBase.config.globalProperties.echarts=echarts;AppBase.mount('#app');因为vue3.0底层重写了一些方法属性对象并成为静态方法。因此相应的调用方式也发生了变化。详情请阅读vue3.0底层源码和官方文档https://vue3js.cn/docs/zh/api...以下组件使用vue3.0组合api实现img{宽度：400px；高度高：400像素；背景：红色；}.chart-box{宽度：600px；height:600px;}最后附上成功截图
