博客摘录「 Echarts 树图的连接线上方添加文字方案记录」2024年4月2日

日前,作为一名萌新遇到了一个特殊的需求如标题。添加问题后发现解答并无完美的方案。百度了一下  发现一种实现 改造了下  希望大家用的上
问题如下:

 后来需求变动,若需要不是所有线段都显示红色字体,可以在文字配置中添加方法,判断JSON中是否存在需要展示的属性(网上一查一堆)
具体配置:

这个实现的中心思想就是做label的偏移,网上的办法是画线,但是连接处总会有重叠的阴影,所以我去掉了画线的长度。该方法的不足之处就是当渲染的宽高不同时,需要重新调节标签的位置及padding属性的偏移量 ,希望对跟我一样苦恼的小白有所启发吧。

效果图:

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-08 10:00:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-08 10:00:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-08 10:00:02       82 阅读
  4. Python语言-面向对象

    2024-04-08 10:00:02       91 阅读

热门阅读

  1. hibernate执行外部sql

    2024-04-08 10:00:02       41 阅读
  2. NLP学习路线总结

    2024-04-08 10:00:02       31 阅读
  3. 高频SQL 有趣的电影

    2024-04-08 10:00:02       33 阅读
  4. linux 用户组与附加组

    2024-04-08 10:00:02       36 阅读
  5. Android查看SO库的依赖

    2024-04-08 10:00:02       30 阅读
  6. MySql数据库从0到1学习-第一天DDL学习

    2024-04-08 10:00:02       36 阅读
  7. React

    2024-04-08 10:00:02       36 阅读
  8. 【话题】 0基础如何进入IT行业?

    2024-04-08 10:00:02       25 阅读