1. 首页
  2. 编程语言
  3. Javascript
  4. VUE+elementui组件在table-cell单元格中绘制微型echarts图

VUE+elementui组件在table-cell单元格中绘制微型echarts图

上传者: 2022-02-16 18:17:20上传 PDF文件 241.01 KB 热度 5次

需求效果图示例实际完成效果图代码实现注:table表格为二次封装的子组件-在单元格中触发一个方法,传入当前的scope.row数据或者指定其他数据,并且传入 scope.$index 以及一个字符串便于识别当前是哪条数据的charts-在方法中绘制echarts**绘制echarts的方法注意此处初始化echarts对象时采用VUE的this.$nextTick方法,以防获取不到未渲染的节点元素。AND 不要忘记设置echarts的高度,否则一辈子也出不来图形

用户评论