在xml中使用.9图作为背景，内容不能居中，试了好多方法最后，加一个属性就ok了。...android:padding:0dip; 解析：.9图作为背景时，不可拉伸的部分就相当于该空间的padding距离 我的这个.9图只是左边可以拉伸的，右边大概80px是固定的，不可拉伸的。...我们也不能设置一个反向的padding，因为app需要安装在不同分别率的设备上，所以这个值又是不固定的。
近两年分享了全球最多的Power BI SVG自定义图表方法，新卡片图使得SVG有了更大的舞台，以下罗列几种用法。...渐变的SVG代码如下，将代码保存到空白SVG文件，再上传到新卡片图背景图像即可。...，还可以添加SVG图标以场景化KPI，比如鞋服行业放置衣服图标，《复制粘贴就可以使用的Power BI图标素材查询系统2.0》分享了6000种SVG图标，复制需要的图标代码，保存为度量值，使用方法同下方第二节...任意图表 ---- 新卡片图可以放大到整个画布空间且支持SVG度量值作为图像插入，所以，这个视觉对象的终极应用是：DAX驱动的画布。...像素，SVG从鸟枪变成了大炮（参考：Power BI 低调发布一项重大更新）；而6月，新卡片图对SVG的支持，使得这种图表解决方案由大炮变成了导弹。
低代码采用预制的可重复使用的组件来构建应用系统，方便用户轻松跨越任何设备，打造无缝链接全渠道的友好体验。...低代码平台提供了数据报表模块，为企业提供了高度可视化的自定义图表配置工具，支持更具业务需求，配置由多种卡片类型组成的可视化数据看板。...自定义图表图表类自定义图表可以通过JS脚本自行配置个性化卡片。数据表数据类以表格的形式展示对应数据信息透视表数据类透视表可基于特定的行列分组字段，对字段内数据进行聚合类运算。...时间线控件类时间线可以基于数据表中的相关信息，按照线性时间推移的方式展示数据内容。外部页面控件类外部页面可以支持用户配置外部页面地址作为卡片展示。...仪表盘设计逻辑：在织信低代码中，仪表盘的数据大多时候来自于已经配置好的数据表中，一般情况下，我们需要先配置好数据表，完成基础数据信息的录入，然后再进行图表卡片的创建，最后将创建好的卡片调整成合适的仪表盘布局
在不同的可视化场景，Power BI像素图形和矢量图形都会用到。下图的表格中，产品图片使用了像素图形，放置在条件格式图标，条形图、气泡图使用SVG矢量图绘制。... " 这里需要注意，当单独作为像素图形使用时...2023年6月Power BI推出新卡片图后，可以内置图表直接实现了。 3. 像素图形+像素图形+矢量图形 ---- 如下图表展示了某产品在不同门店的库存情况。...地图是像素图形充当背景，产品图片也是像素图形，数据标签是矢量图形。去年这种效果也只能第三方视觉对象，现在新卡片图支持最大999像素，也可以直接展示了。 4....像素图形+矢量图表+动画 ---- 以下是每个员工业绩达成状况，头像是像素图形，百分比是SVG矢量图，新卡片图或者表格矩阵可以直接展示。
前期尝试 在设计前期尝试多种界面配色、图表配色、控件标签形态以及hover态的表现形式 设计尝试过程中的心得建议： 深色界面在图表设计上采用高饱和度、高对比度配色，与背景形成对比，突出数据图表；...浅色背景与深色背景在内容信息上的设计还是有很大差别：在浅色背景下要尽量避免高饱和度的配色，反而在深色背景下需要高饱和度甚至接近刺眼的配色与背景形成对比来突出数据图表，吸引用户的眼球。...2.页面信息卡片布局采用栅格化系统，避免整行卡片平铺，栅格化卡片布局使页面内容分割清晰，拓展性强； 缩小左侧导航占用面积，为右侧内容部分提供更大空间 通常在使用百度、谷歌地图时都是全屏展示地图信息，...控件多样化设计尝试 此次设计中控件按钮最终使用圆角设计，提升页面亲和力，拉近与用户之间的距离。同时控件形态及hover态尝试探索其他形式，为后续私有云大数据产品设计提前积累。...方案一、二： A、蓝紫色背景配色 B、大圆角矩形控件 C、控件hover态采用描边文字变色 D、两种不同的图表配色 方案三、四： A、深蓝色背景配色 B、小圆角矩形控件 C、控件hover态采用底色变色
使用它可以将PPT设计好的内容迅速转换为你的专属Power BI动态图表。...https://pureviz.net/ 看一个简单的例子，如下是微软自带PPT模板的一个卡片图，它是一组静态的数字展现。...使用PureViz将它移植到Power BI后，可以几分钟设计如下动态卡片图： PPT的设计+Power BI的动态完美结合。...该卡片图 1.数据随切片器切换而变化； 2.同时展现今年业绩和去年同期业绩； 3.背景色按照与去年对比红绿提示； 4.鼠标指向顶端的旋转圆圈还可显示业绩增长率。 那么如何实现呢？...接下来对背景色进行动态设置，选中背景色，在填充色中选择公式Fx： 公式使用IF语句，如果增长率度量值大于0，显示绿色，否则显示红色。
B站创作中心后台有这样一组卡片图，上方是带图标的指标名称，中间是累计数据，下方是昨日数据，Power BI使用新卡片图（不了解新卡片图参考：Power BI可视化的巅峰之作：新卡片图）可以模拟。...添加图标 首先拖入新卡片图阅读量度量值，完成基础卡片： 卡片上添加图标使用图像URL或者本地图片，图标资源参考《Power BI SVG素材合集：图标、地图、背景》，图标的位置选择左侧。...添加昨日数据 把昨日的指标放入卡片的引用标签（不了解引用标签参考：Power BI 新功能：卡片图引用标签初探），位置设置为居中，昨日的数据就会显示到卡片下方。...前期引用标签的相关文章： Power BI 新功能：卡片图引用标签初探 Power BI 新功能组合：产品信息卡 Power BI 引用标签深度应用：业绩杜邦分析 更多模拟大厂图表： Power...BI 模拟大厂图表的核心思路 Power BI模拟大厂图表总结贴-2022版----
如何在Power BI仅仅使用内置功能做出地图叠加迷你图的效果？下图是虚拟某公司不同区域的业绩达成仪表图。...将下载好的地图插入Power BI背景，调整透明度选择合适的明亮程度。 拖动一个需要的内置图表，此例是一个仪表图，放到需要的位置。...Power BI内置的图表都可以如此进行叠加，比如条形图、饼图、折线图。因为完全使用内置图表，交互性较好，迷你图上可以叠加工具提示。 怎么样，是不是很简单？当然，这种方式也有很大的局限性。...第二，内置的图表作为迷你图表现力有所局限，如果想要更丰富的效果，可以使用ImageByCloudScope或者HTML Content这样的视觉对象，SVG进行定制。...本公众号分享了很多自定义卡片图，下图是把麦肯锡风格的华夫饼图放地图上的例子（华夫饼图原理参考：Power BI 模拟麦肯锡华夫饼图）。 ----
，圆角，选用无衬线字体，元素风格简洁，并且四者都在或背景或图标中大量使用渐变，使小部件表现得较为灵动。...其中win11小部件添加了浅阴影，可能是为了让小部件从亚克力背景中凸显出来。 于是乎，我也照猫画虎，设计了DW的晴天图标，并且用XD设计出了第一种卡片样式（现DW的medium卡片样式）。...DW尽量保证图标整体风格简洁，使用大块的渐变背景突出天气特点。在正式开干前，我就仿照小米天气做出了晴、阴、多云这三个图标，方便之后的设计和开发。...图表部分是使用svg实现的，为了让暗黑模式的样式操作能够便利，所以使用了svg而不是canvas。绘图直接用的浏览器原生js实现，只需要绘制一个折线图，chartjs显然有些大材小用，比较臃肿。...原先设计稿中采用的展示方式很难优雅地在中间位置插入图表，所以后来将早上数据、图表、晚上数据全部分了开来，因为列宽是一致的，所以也不用担心错位的问题。
我是标题 在制作数据报告时，为了更好的描述文案叙述内容，我们会按照文案内容制作相关的可视化图表。但往往，经常会遇到图表没有充分表述好文案内容，甚至是和内容完全不符的情况。...作者想用折线代表每年的环比增长，但是却没有用 “%”作为数值单位；柱形图也缺少单位说明； c. 折线图给读者产生了趋势走低的错觉，实际情况是稳步上涨的； d....在图表标题中，对交易额单位进行说明；并将环比标签用百分比数值进行显示； b. 增加图表图例； c....“双11”跨越从量变到质变的门槛，以天猫、京东为代表的电商平台，以及双11商业体系的各方参与创新者，具备拉动消费和提升社会消费品零售总额的能力。 根据上面文字内容，官方给出了下面这样的配图 ?...这段文案都是对各种KPI的阐述，所以这个时候可以大胆放弃传统的图表。 b. 对于这篇文案，可以利用淘宝主题色将关键数值放大突出处理。 c. 在最重要的复合增长率卡片上做一个简化的趋势面积折现图背景。
去年此时看到Apple Wacth宣传图的一个环形图效果（下图右下角），并在Power BI使用第三方视觉对象实现。...今年Power BI对SVG的支持大幅度提升，内置表格和新卡片图（不了解新卡片图参考此文：Power BI可视化的巅峰之作：新卡片图）都可以加载该图表。...图表度量值需要在原来基础上进行一定修改，以半圆环形图为例，度量值如下： 苹果半环形图 = VAR Pct=0.66//替换为实际模型中的百分比 0-1 VAR Chart="data:image/svg...font-size='25' fill='white'>"&ROUND(Pct*100,0)&" " RETURN Chart 将度量值标记为图像URL直接放入表格或者放入新卡片图的图像...，隐藏新卡片图的标签和标注： 无论是表格还是新卡片图，均将填充背景色设置为无。
Pbi的组合则不存在这个问题，无论形状和位置，都可以组合。 2 渐变色 下图样式叫指标卡，可对标Pbi的卡片图或多行图。...Pbi的卡片图背景只能设置为纯色或插入图片（新卡片图），而Qbi的可以设置渐变色，而且可以两色渐变。此外，还有拾色器以便获取颜色，非常友好。...除了背景色可以渐变外，条形图柱形图及相关的面积图堆积图等，都可以设置颜色渐变。这里的渐变效果是固定单色的，不像背景图那样可以设置双色渐变。 Pbi的柱形条形图同样可以设置渐变色，不过方向不一样。...另外的需要使用第三方视觉对象或借助SVG（武老师提供了相当多精彩案例）。第三方视觉对象质量参差不齐，而SVG的灵活性大，但掌握起来有难度。...Qbi内置了这三种类型，则方便许多，而且风格和使用方法上也更统一。 6 备注和尾注 Qbi几乎每个内置图表在标题设置里都包含了备注与尾注。备注可放在标题的后面，或标题与图表之间。
所有这些信息是否都是必须的？能否分几张卡片显示？设计卡片信息的时候切记卡片是可以分多页展示的。 为余光设计 用户持续使用应用的时间越久，就会越和现实世界脱节。...卡片的背景图片是否能够传达界面想传达的信息？是否使用了照片或者明显的图形或颜色？...•定制化布局：如果你觉得卡片和卡片流的隐喻方式不能满足你的需要，也可以给出定制化的界面设计方案，比如给出图表或者地图。...设计低位色深省电表盘时，背景应采用黑色或白色。OLED 屏幕必须使用黑色背景。...最后，应为语音热词及状态指示设置背景保护，除非你在表盘设计中已经为这些元素定制好了背景，比如使用暗色无图案的背景。
使用TagInfo和Mifare Classic Tool读取门禁卡（需要手机支持NFC) PS：如果你读取的卡片数据如图一所示只有在第一扇区有一串数据，说明的你卡肯定是可以模拟的。...使用arc122将原卡数据dump出，然后使用nfc tools之类的工具将文件写入（由于不想折腾，所以直接使用了送的软件。）...PS：本人未接触过相关知识，折腾只是为了实现多复制几张卡这个单纯的目的，更多知识或者方法请查看其它相关文章。 0x05:结果 结果当然是我成功的复制了很多张卡想给几个人就给几个人.....- 没有技术无法跨越的“墙” 0x06:扩展问题 1.如果没有原卡的情况下，该如何破解门禁？ 社工手段就是去找小区拥有门禁卡的人借卡（至于详细过程{我觉得长得帅或者美就行！}）...将ID修改为其他人的？ 欢迎讨论关于RFID暴力破解、重放攻击、卡片复制、嗅探攻击等等范畴技术问题。
这是麦肯锡系列第二篇，第一篇如下 Power BI模拟麦肯锡客流转化漏斗图 麦肯锡擅长花式使用正方形，以下是McKinsey Insights APP的两种正方形图表样例。...第一种是两个正方形的叠加，一个充当背景，一个显示局部与整体的关系： 第二种形式依然如此，只不过正方形旋转45度，看上去更有商务感： 这种图表的元素非常简单：正方形和数据标签。...Power BI中可以使用简短的度量值直接生成，生成的方式是SVG图形中的rect和text标签与数据联动。 1....这种图表也可直接卡片显示： 2....图表展示 ---- 在表格和矩阵中展示，需要将图表度量值标记为图像，如下图所示： 在卡片中显示时，将图表度量值放入ImageByCloudScope视觉对象，如下图所示： 后续还有麦肯锡系列的其他文章
在Power BI设置画布背景或者图表背景时，可以手动输入颜色代码，输入的方式有两种，HEX（十六进制）或者RGB（红绿蓝）。...我们可以利用Power BI的参数功能，制作一个动态的调试工具，如下图所示，滑杆或者手动输入RGB的序号，自动生成对应的HEX和RGB编码，卡片图同时变为相应颜色。 1....新建一个RGB度量值，引用以上三个参数： RGB = "rgb(" & [R 值] & "," & [G 值] & "," & [B 值] & ")" 把度量值放入卡片图，显示出颜色名字： 卡片图的背景色选择使用...fx，字段同样使用RGB度量值。...'[编码],'列表'[索引],[G 值]) VAR BB=LOOKUPVALUE('列表'[编码],'列表'[索引],[B 值]) RETURN "#" & RR & GG & BB 把HEX同样放入卡片图字段和背景色
很多Power BI业务场景需要使用图片（参考：Power BI本地图片显示最佳解决方案），常规的图片显示效果如下图所示。...有时想给图片加点花样，比如进行圆形裁剪，以下是对比效果，注意人物的毛衣下方，图库不用重新准备，使用DAX可以精准裁剪。 有人可能想到，图片上方叠加一个SVG的圆形标签不就好？...这样对圆圈外部的毛衣进行了遮挡，圆圈内部没有颜色，使得头像得以显示。蓝色可以设置为和背景色相同，从而产生裁剪效果。 叠加的清晰度和原图保持一致，裁剪后的图片可以用在表格矩阵和新卡片图。...---- 新卡片图是Power BI迄今为止最强大的三大视觉对象之一（另外两个是表格和矩阵） 《卡片图添加异形边框》 《卡片图主次指标组合》 《卡片图总分结构》 《卡片图添加地图》 《卡片图添加下划线...《卡片图动画缩放》 《卡片图显示不同单位》 《卡片图显示动态水印》 《卡片图使用像素风格图标》 《卡片图LED风格数字》 《卡片图仪表盘富婆图表版》 《卡片图仪表盘EasyShu版》 《卡片图穿墙术》
问题5：同系列不同公司被填充了渐变色，增加了理解难度 图表中对同一个系列内不同公司的条形使用了渐变色，虽然视觉效果很好，但性价比不高，填充过程较为复杂。 03....标准化3：确定图表主题色 原报告中图表的配色与官网和logo建立的是不完整的联系，与主色相关、与辅助色无关，这里保留主色，并从iSlide中找到光大证券的配色方案，综合后将咖啡色、金色和蓝色作为辅助色，...也就是说，对光大证券报告图表优化后，把数据标记作为一个重点突出的元素。...④为图表添加渐变色填充+浅红色的光大证券logo的背景，增加图表的归属感。 ⑤报告中的这几张图表的数据量相差较大，规范图表的宽度，高度则根据需要进行设置。...图表2：对同一个系列内不同公司的条形使用渐变色，虽然视觉效果好，但是性价比不高，填充过程较为复杂；用文本框+不同的文字颜色代替图例来区分不同系列的方式，虽然很实用，但是会造成与其他图表格式不统一的问题；
本文是Power BI新卡片图系列第12篇分享，前11篇如下： 《Power BI巅峰之作：新卡片图》 《卡片图添加异形边框》 《卡片图主次指标组合》 《卡片图总分结构》 《卡片图添加地图》...《卡片图添加下划线》 《卡片图添加折线趋势》 《卡片图叠加进度条》 《卡片图添加天气动画图标》 《卡片图模拟微信日周月对比》 《卡片图指标与排名组合》 ---- Power BI 2023年6月新推出的卡片图打开了图表新局面...（不了解新卡片图参考此文：Power BI可视化的巅峰之作：新卡片图），麦肯锡擅长使用华夫饼图表达百分比，本文介绍新卡片图如何实现类似风格。...下图展示了将华夫饼图放在指标右上方，图表和数字相结合。 新建一个新卡片图，放入指标或者维度，图像填充下方的SVG华夫饼度量值，图像位置位于右侧，图像大小稍微小一点，本例为40像素。...wujunmin'>" & CONCATENATEX ( tWaffle, [circle] ) & " " RETURN Chart 如果需要把华夫饼作为主图显示
条件格式图标也是可以借力的地方，下图的产品图片直接拖到产品ID条件格式即可（图片使用Base64，参考：Power BI本地图片显示最佳解决方案），极大丰富图表的元素。...表格矩阵的总计不仅仅可以显示总体数字，也可以作为图表的一部分进行独立设计，比如下方的均值标识（Power BI/Excel 表格条形图添加均值辅助线） 下图充分发挥了矩阵的特点，时间切片条形和趋势折线同时显示...以上谈论的都是表格矩阵，2023年6月推出的新卡片图尽管只是一个卡片，但是也可以借力。...例如，以下这个仪表盘，元素非常复杂，设计部分可以直接复制Easyshu的代码（参考：Power BI复刻EasyShu仪表盘)，我们只需专注于如何使用DAX让图表中的数字发生变化。...本图表视频教程：https://t.zsxq.com/11VFJQJAu 总结一下，Power BI表格矩阵（上下文、新增列、条件格式、总计）和新卡片图的特点都可以用在构图上，外部的资源也要充分挖掘，充分使用
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
