麦粉社区
>
建议征集
>
帖子详情

Smartbi-柱状图02象形柱图

建议征集 发表于 2023-10-23 12:37
发表于 2023-10-23 12:37:15
本帖最后由 君茗 于 2023-10-26 12:02 编辑

象形柱图是可以设置各种具象图形元素(如图片、SVG PathData 等)的柱状图。往往用在信息图中。用于有至少一个类目轴或时间轴的直角坐标系上。


Documentation - Apache ECharts


利用象形柱图可以做如下效果


组件选取:柱状图、五星好评选横条图


1.塔形图



2.电池图



3.五星好评




关键属性说明


type: 'pictorialBar',//替换原柱图属性,使其变为象形图
symbol: ''//图形,支持标记图形(基本几何形状 如矩形)、img(也支持base64)、svg
symbolRepeat: true,//指定图形元素是否重复,像电池、五星好评就需要它们重复
symbolSize: [50, 10],//可以为数组,标识宽高,也可以单个表示宽高一致
symbolBoundingData: 5,//指定图形界限的值(不过这个属性我还没研究明白,五行好评那个我是通过控制组件的宽度来保证是显示五个星星)

相关配置见附件象形图配置项代码.docx (24.93 K)

发表于 2023-10-23 14:38:59
回复

使用道具 举报

发表于 2023-10-24 10:11:04
哇这也太6了!
回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

2回帖数 0关注人数 3592浏览人数
最后回复于:2023-10-24 10:11
快速回复 返回顶部 返回列表