六月下旬全新资源上线!丨 解锁高效能实战方案

更新亮点:本次新增5大专题9项资源,点击标题5分钟极速了解!参与互动赢取麦豆,解锁更多内容)

一、实战技巧分享

即席/透视的逆袭之路:从卡顿到秒出→ 性能优化实战,实现报表秒级响应!

体验中心焕新一“夏”,全新导览页及新DEMO上线!→ 抢先体验夏季更新DEMO!

速看!明细/汇总/交叉表的实现秘籍→ 高效构建复杂报表指南

二、开发技能突破

视频课《仪表盘图片鼠标提示几行代码,让你的仪表盘“会说话”!

视频课《仪表盘宏开发技巧→ 解锁宏开发技巧和注意事项

三、直播上线

直播《交互式仪表盘最佳实践解锁可视化大屏最佳实践技巧

四、AI每日一学

人工智能三驾马车:算法、算力与数据→ 深度解析AI核心支柱

通俗的讲一下神经网络模型的基本组成、工作原理、工作类型和生活应用场景→ 从基础到场景实战

五、资源上新

插件《安全检测→ 一键加固系统安全防护

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

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关注人数 6194浏览人数
最后回复于:2023-10-24 10:11
快速回复 返回顶部 返回列表