当前位置: 首页 > news >正文

工作日志:ruoyi-vue-plus echarts根据窗口大小变化

1、echarts根据窗口大小变化。

onMounted(() => {// 折线图type EChartsOption = echarts.EChartsOption;var chartDom = document.getElementById('chartDom')!;var myChart = echarts.init(chartDom);var option: EChartsOption;option = {grid: {left: '35',top: 10,bottom: 30,right: 10},xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]};option && myChart.setOption(option);// 为窗口大小改变添加事件监听window.onresize = () => {// 调用ECharts实例的resize方法myChart.resize();};
});

2、打开页面后,跟开着定时器一样连续不断报错。
在这里插入图片描述
不知道为什么,刷新就好了。

3、修改elementplus中的table背景色和边框。

.el-table {border: 1px solid #EBEEF5;
}.el-table:not(.el-table--border) .el-table__cell {border-right: 1px solid #EBEEF5 !important;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {background-color: #fff !important;
}
.el-scrollbar {border-right: 1px solid #EBEEF5;
}

相关文章:

  • 自己做个国庆75周年头像生成器
  • 基于微信小程序的美食推荐系统
  • 数据结构-栈(理解版)
  • 数据结构之链表(2),双向链表
  • C语言——动态内存分配
  • linux部署redis,整合ansible和redis
  • 前端工程规范-2:JS代码规范(Prettier + ESLint)
  • Python 时间占位符:毫秒的使用
  • VR视频怎样进行加密和一机一码的使用?--加密(一)
  • Zookeeper下载、安装配置
  • 软件设计师——计算机网络
  • 【css】常见布局概述
  • OJ题之单链表排序
  • 14年408-计算机网络
  • 【车联网安全】车端知识调研
  • 【Leetcode】104. 二叉树的最大深度
  • 11111111
  • 4月23日世界读书日 网络营销论坛推荐《正在爆发的营销革命》
  • Babel配置的不完全指南
  • Docker容器管理
  • Docker下部署自己的LNMP工作环境
  • express.js的介绍及使用
  • java8-模拟hadoop
  • JavaScript设计模式之工厂模式
  • JAVA多线程机制解析-volatilesynchronized
  • java取消线程实例
  • js操作时间(持续更新)
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • Making An Indicator With Pure CSS
  • Node + FFmpeg 实现Canvas动画导出视频
  • Python 反序列化安全问题(二)
  • 可能是历史上最全的CC0版权可以免费商用的图片网站
  • 前端面试之闭包
  • 前端性能优化--懒加载和预加载
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • 【运维趟坑回忆录 开篇】初入初创, 一脸懵
  • LevelDB 入门 —— 全面了解 LevelDB 的功能特性
  • ​LeetCode解法汇总1276. 不浪费原料的汉堡制作方案
  • ​人工智能书单(数学基础篇)
  • # linux 中使用 visudo 命令,怎么保存退出?
  • # linux从入门到精通(三)
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (pytorch进阶之路)扩散概率模型
  • (SpringBoot)第二章:Spring创建和使用
  • (undone) MIT6.824 Lecture1 笔记
  • (zt)最盛行的警世狂言(爆笑)
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (轉貼) VS2005 快捷键 (初級) (.NET) (Visual Studio)
  • .bat批处理(六):替换字符串中匹配的子串
  • .NET Core中Emit的使用
  • .net framework4与其client profile版本的区别
  • .net mvc actionresult 返回字符串_.NET架构师知识普及
  • .NET/C# 使用 #if 和 Conditional 特性来按条件编译代码的不同原理和适用场景