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

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

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



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

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

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

画笔工具画出来的封闭式不规则图形

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。