让决策更智能
新一代智能数据分析平台

如何制作圆形指标卡

观小数发表于:2021年03月29日 19:34:34更新于:2021年04月08日 10:21:45

场景介绍:

需要制作一张圆形指标卡,但目前只有方形指标卡,用饼图也无法实现类似效果。

解决方案:

把指标卡放在卡片组里面,然后给卡片组上传一个背景图,背景图中有圆形,且位置正好和指标卡对准。

具体操作步骤:

1、建一个指标卡:

0016061b7faad66ef877314b0ba6bf1

2、新建一个卡片组,把指标卡放进去:

0016061b85edbc36c80f161cdb72dd8

  • 如果是大屏,在左上角这边添加卡片组:

0016061b8b072417600a101634eb54b

  • 如果是移动端,在页面组件这里添加卡片组:

0016061bcb3b585e91990e9fc36630c

3、上传背景图片:

卡片组点击样式-上传图片:

0016061ba09e2a23a7a3fbdcbf157a1

0016061ba2462f0d81252ac162305c2

  • 如果大屏,需要设置卡片组样式为自定义样式,然后上传图片:

image.png


4、设置好图片的位置,指标卡的字体大小和颜,效果如图:

image.png


如是大屏,可用装饰背景增加动态效果:

0016061bb20aed0ed59eb9109b7aef0


PS:

1、圆形图片需要自己制作做一个,比如ppt里面也能画,就是画板的尺寸要跟卡片组的尺寸一样,然后导出个png的图;

2、后面产品考虑增加圆形指标卡的需求,但这之前可以按照以上方案间接实现。

    您需要登录后才可以回复