echarts
战斗中的老段
这个作者很懒,什么都没留下…
展开
-
vue 把echarts封装成一个方法 并且从后端读取数据 +转换数据格式 =动态echarts 联动echarts表
mounted调用下边两个方法methods里边的方法饼图注意的地方:发现后端给我们返回的不是echarts的格式 ,这个时候我们做一个操作下一步操作 遍历内容 数据格式转换最后一步 在echarts柱状图或者折线图里边去显示这些数据饼状图取数据 发现数据循环遍历+数据格式转换饼图最后一步 在echarts柱状图或者折线图里边去显示这些数据全部代码原创 2023-09-18 20:25:55 · 1983 阅读 · 0 评论 -
vue大屏可视化布局
html { /* 将屏幕整个宽度设置为24rem,从而自动实现内容按照屏幕的大小进行缩放 */ /* 屏幕大小比例 16:9 */ font-size: calc(100vw / 24);}body { font-size: 0.12rem; width: 100vw; height: calc(100vw / 16 * 9);}*{ padding: 0rem; margin: 0rem;}3、px 与 rem 的选择?16px=1rem1920*1原创 2021-11-01 04:30:20 · 2255 阅读 · 0 评论 -
vue封装echarts示例
1、首先先弄明白vue怎么引入echarts示例,再弄封装echarts这个事情vue框架引入echarts示例2、封装组件pops是: 父组件通过v-bind向子组件传值,子组件通过props来获取父组件传递过来的值,被引用的就是子组件3、组件并通过子组件传入数据数据...原创 2021-10-30 19:07:30 · 179 阅读 · 0 评论 -
vue框架导入echarts第一个示例
1、首先创建vue框架以前创建vue框架链接2、安装插件安装axios请求插件安装echarts插件(不会安装 看安装axios请求插件,两个安装一样的)npm install echarts --save3、创建vue框架成功并插件安装成功,开始导入第一个echarts示例首先在components组件中创建一个页面 把从echarts示例中的代码放入里面echarts示例5、在视图页面引入刚才写好的组件页面6、查看路由(router)7、vue运行成功echarts示例页面原创 2021-10-30 18:26:54 · 119 阅读 · 0 评论 -
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘i
vue框架引入echarts第一个示例报错1、首先看完整错误主要是vue引入模板格式不对 ,平常都是 import echarts from ‘echarts’;这样引入是不对的,应该按照echarts官方格式引入 import * as echarts from “echarts”;echarts官方简单示例...原创 2021-10-30 04:04:42 · 4937 阅读 · 0 评论