美文网首页
利用AI画SVG并且适配于echart显示自定义热图

利用AI画SVG并且适配于echart显示自定义热图

作者: 小潤澤 | 来源:发表于2024-08-14 16:23 被阅读0次

如何将自定义的图画适配于echart,链接:echart 自定义 SVG 图各部分的对应关系

我们随意在AI中画几个图形:



上面三个是用多边形工具画出来的规则图形,左下角是用画笔工具画出来的封闭式不规则图形,右下角是用曲率工具画的开放式未封闭不规则图形,并将他们保存为SVG格式

我们看SVG代码,如果是椭圆则显示标签 ellipse

如果是用画笔工具画出来的封闭式不规则图形和用曲率工具画的开放式未封闭不规则图形,标签则为 path

画笔工具画出来的封闭式不规则图形 用曲率工具画的开放式未封闭不规则图形

这样的话我们就可以利用 echart 自定义 SVG 图各部分的对应关系 一文中所说的标签 path(亦或是 ellipse 等其他标签)中属性 name 与数值(数据)之间的对应关系,绑定数值,就可以展示自定义热图

相关文章

  • 面试总结

    1.highchart和echart比较 highchart是基于svg技术的,而echart是基于canvas技...

  • SVG矢量图-自定义view显示SVG图

    SVG 指可伸缩矢量图形 (Scalable Vector Graphics) 自定义一个View 使用起来比较简...

  • ai逼真画,感觉像拍的

    完全没有“画”的感觉,但确实是ai绘的,并且没有垫图

  • Echart不显示地图问题

    Echart不显示地图的问题 使用百度Echart的时候遇到不会显示地图的问题,是现在Echart不直接提供地图需...

  • Echart自定义显示后缀

    在线运行代码https://echarts.baidu.com/examples/editor.html?c=ba...

  • Android UI

    VLayout布局使用 屏幕适配 SVG技术 贝塞尔曲线 vector矢量图(5.0) Path与PathMeas...

  • 热图图例问题

    画热图遇到图例显示不完全 如下 code: for 循环批量画热图 这种情况下,需要设定单元格长度 比如我把 ce...

  • android 调起相册和相机的问题

    1:调起相册拍照 照片在相机里显示 android 6.0以下适配能在相机里显示时无法给照片自定义命名自定义命名...

  • 如何管理系统中的图标?

    1.雪碧图2.svg 多侧图标3.font 单侧图标 vue.config.js 中自定义vue-svg-load...

  • ExpandableListView 二级列表

    先上效果图 1.定义二级列表布局 2.定义要显示的数据 3.自定义适配器,需要继承 BaseExpandableL...

网友评论

      本文标题:利用AI画SVG并且适配于echart显示自定义热图

      本文链接:https://www.haomeiwen.com/subject/fxyskjtx.html