- 博客(3)
- 收藏
- 关注
RSS订阅原创 echarts图表的x轴文字自适应换行的问题
最近开发中使用到echarts，客户提到x轴的label自适应宽度及换行的需求，网上找了很久都没遇到合适的办法，最后终于实现了，先看效果图稍宽一点：稍窄一点：echarts的option中并没有直接提供自适应换行的属性，但是，还是可以曲线救国的，总结下来还是通过设置宽度及换行（width+overflow），具体如下（有echarts使用经验观看更佳哦）：重点使用到的是axisLabel，其他配置项忽略，其中：interval: 0,是为了保证每个类目都能展示，默认值为auto，此时如果有超长类
2022-06-21 13:59:38
6191
3
原创 换行加分隔线
需求宽度未知的div，里面有很多小项，要求自动换行并且行与行之间用分隔线分开，效果图如下：宽屏时：窄屏时：具体实现过程如下核心：position定位表格的宽度不定但是每个小项的高度是固定的，定义一个class.line的div，使用定位的方式展示在每个td里，如下.line{ position: absolute; width: 100%; height: 0; // top: 48px;//t
2022-01-25 09:33:05
872
原创 关于表格内容重新编辑的一些思路
关于Table表格内容重新编辑的一些思路（前端）近期处理了许多关于表格内容重新编辑这样的需求，有过各种尝试，最终总结了一个比较完善的版本。不拘泥什么框架，什么ui组件库，只提供一个思路，个人观点，希望能对大家有所帮助。下述实现使用的angular框架及zorro组件库。实现的效果大致如下：下图是未编辑时的页面下图时编辑时的界面实现过程如下：1.原始数据，暂时取名teamData，是json数组的格式2.表格渲染是使用for循环的，teamData中的每条数据都对应两个ui，一个是展示数据是
2022-01-13 14:32:56
491
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人