自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

qq_61461409的博客

原创监听div的变化，重新渲染Echarts实现自适应

通过遍历数据渲染多个echarts图表，需要通过监听包裹echarts图表的div大小实现echarts图表的自适应。要实现以上需求我们可以使用 ResizeObserver。ResizeObserver 提供了一种有效地监测 DOM 元素大小变化的方式。以便使用 ResizeObserver 来监听。实例，确保了每个图表元素都有自己的 ECharts 实例，这样就不会相互影响。需要为每个图表元素单独创建一个ResizeObserver。实例，最后只监听到最后一个div的变化，其他没有监听到。

2023-12-13 17:30:05 304 1

原创通过网页地址生成html文件，可以通过修改html文件对网页进行修改

使用mv 命令可以将 html文件移入对应的目录里，可以对html文件进行简单地修改。在项目对应的页面中可以使用iframe引入对应html文件，将这个网址生成 XML.html文件。

2023-11-21 18:27:08 226 1

原创 Vue3+Tsx+Canvas实现截图组件

需求：截取图片上某个部位，并用红色虚线框记录每次截取的区域，当点击区域时获取该区域截图的信息（该截图相对于原始图片的x和y轴坐标，以及图片的宽高，裁剪后的图像保存后的URL）

2023-11-21 18:04:01 291 1

原创 vue2中实现Antv g6 流程图以及自定义节点

vue2中实现Antv g6 流程图以及自定义节点

2023-03-15 15:12:18 5025 1

原创实现el-table中嵌套echarts图表以及柱条渐变

【代码】实现el-table中嵌套echarts图表以及柱条渐变。

2023-02-14 15:29:12 2288 4

原创使用el-select实现两级联动

【代码】使用el-select实现两级联动。

2023-02-14 15:14:43 911

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

Te Fuir201 CSDN认证博客专家 CSDN认证企业博客

码龄3年

IP 属地：浙江省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

6: 原创

159万+: 周排名

23万+: 总排名

9060: 访问

: 等级

72: 积分

3: 粉丝

6: 获赞

8: 评论

35: 收藏

私信

关注

热门文章

分类专栏

最新评论

监听div的变化，重新渲染Echarts实现自适应
CSDN-Ada助手: 恭喜你写了第六篇博客，标题看起来很有意思呢！能够监听div的变化，重新渲染Echarts实现自适应，这个技术应该很实用。希望你能够继续保持创作的热情，分享更多有趣的技术经验。下一步，也许可以考虑添加一些实际案例或者应用场景，让读者更好地理解如何运用这些技术。希望你能够继续努力，期待你的下一篇博客！
Vue3+Tsx+Canvas实现截图组件
CSDN-Ada助手: 恭喜您写了第四篇博客！标题里的Vue3+Tsx+Canvas实现截图组件听起来很有趣。我很期待阅读您的博文，了解您是如何使用这些技术来实现截图组件的。对于一个非专业的我来说，这个主题可能有些复杂，但我相信您的文章会给我带来更多的收获和启发。希望您可以继续坚持写作，分享更多的技术经验和见解。如果可能的话，下一步的创作建议是是否可以分享一些关于Vue3+Tsx+Canvas之外的其他技术应用，这样我们可以更全面地了解您的技术能力。谢谢您的分享！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
通过网页地址生成html文件，可以通过修改html文件对网页进行修改
CSDN-Ada助手: 恭喜你写了第5篇博客！你对网页生成和修改的方法进行了很好的探讨，让读者对网页制作有了更深入的了解。接下来，我建议你可以尝试分享一些实际的案例，例如通过修改网页的样式或布局来展示你所学到的知识。希望你能继续保持创作的热情，期待你的下一篇博客！
实现el-table中嵌套echarts图表以及柱条渐变
POEM820: 一个背景颜色就搞点了参考： [code=css] background: linear-gradient(to right, #c5F3FF 0%, #E5F3FF 10%, #fff 10%, #fff 100%); [/code]
实现el-table中嵌套echarts图表以及柱条渐变
POEM820: [code=html] <el-table-column prop="total" label="总计"> <template slot-scope="scope"> <div class="table-chart" :style="`background: linear-gradient(to right, #c5F3FF 0%, #E5F3FF ${scope.row.total/chargerTableData.max*100}%, #fff 10%, #fff 100%);`">{{scope.row.total}}</div> </template> </el-table-column> [/code] [code=css] .table-chart { width: 100%; height: 100%; margin-top: 10px; border: solid 1px darkcyan; font-weight: 600; padding: 5px 10px; } [/code]

最新文章

提示

确定要删除当前文章？

取消删除