echarts 散点图 icon的自定义
1.对默认红色圆点的修改
设置symbol属性,可以生成不同的图形。
echarts默认提供了’circle’, ‘rect’, ‘roundRect’, ‘triangle’, ‘diamond’, ‘pin’, 'arrow’这么几种散点。
symbol可以是image的地址,也可以是svg的一段path。支持回调函数写法
2.给不同icon上不同颜色
symbol的各种颜色 还是得通过itemStyle来控制。
3.不同icon不同的旋转角度
symbol的角度symbolRotate 可控制,支持回调函数的写法,注意,这里是从4.8以上版本才支持回调写法。
4.symbolKeepAspect
symbolKeepAspect:true,
// 必须要设置成true,不然svg的一些小图标会拉变形。
5.symbol 鼠标悬停后添加效果。
emphasis
附,自定义效果图

本文介绍如何在ECharts中自定义散点图的样式,包括修改默认图标、应用不同颜色、调整旋转角度、保持纵横比及添加鼠标悬停效果,提升数据可视化表现力。
2550

被折叠的 条评论
为什么被折叠?



