xiuxialala的博客

Vue3 底层使用了 proxy 代理创建实例，其创建出来的实例与echarts真正使用的那个存在兼容性问题，所以Echarts 无法从中获取内部变量；故设置echarts实例时，不要使用ref、reactive等响应式方法创建echarts对象，应该使用shallowReactive、shallowRef、或者普通变量即可。chart1来显示和隐藏，但是由于chart1不是响应式数据，不能根据接口实现响应式变化。比如代码中呈现的普通变量定义方式：let chart1 = null。

echartsOptions.js 可复用的echarts option.供各个大屏引用。

【代码】地图飞线和锚点以及轮播。

接口数据有时候不受前端控制，不一定会返回折线柱状图所需要的数据。所以需要用到echarts的数据格式转换dataset。echarts的饼图：数据格式：数组对象：[{value:0,name:''}]echarts的柱状图，折线图：数据格式一般是x轴：数组，y轴：数组。