本帖最后由 君茗 于 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) |