📷 前期文章分享过《四象限分析的一种独特方式》,以下是视频说明。 度量值如下: 四象限方块图 = VAR X="增长率" //X轴名称 VAR Y="达成率" //Y轴名称 VAR data1=100//高达成高增长店铺数量,可替换为你的度量值 VAR data2=20//高达成低增长店铺数量,可替换为你的度量值 VAR data3=30//低达成高增长店铺数量,可替换为你的度量值 VAR data4=50//低达成低增长店铺数量,可替换为你的度量值 VAR W=MAX(MAX(data1,data
Power BI内置了若干条件格式图标,但是没有任何一个可以用作气泡图,因为无法改变大小。
预览效果 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="https://a-oss.zmki.cn/img/5ca33df6bde67.css" type="text/css" />
指标是多少,达成状况如何,每个人对指标达成的贡献如何,一目了然。本文基于采总文章的灵感,尝试进行优化,优化的核心点有三个:
Power BI内置了若干条件格式图标可以表示升降,但不能改变颜色,不能改变形状,使得可用性大大降低。
前文介绍了如何制作迷你着色地图,本文讲解Power BI中其他迷你图的制作方法。例如:
这是一个星友的提问,如何制作不等宽图表?常用来两个指标对比,一个度量值使用SVG模式实现,以不等宽条形图为例:
在《趣味数据分析》这本书看到一个血压图表,可以很方便的依据收缩压和舒张压数值,得到所在象限,从而判断血压是否正常。以下是Power BI的模拟效果
基于权限控制需求可能想在Power BI页面添加水印。静态水印使用度量值生成一个卡片图即可,本文讲解动态水印的制作及使用。
同期对比常规状态下可以使用簇状条形图/柱形图,以下是Power BI内置图表的效果。
上一节介绍了如何在Power BI中设计一个简约的日历图表,如下图所示。本文更进一步,尝试为该日历增加信息,依然使用内置的矩阵去设计。
在网易数读看到一个条形图,如下图右侧所示,特点有:类别标签居中,条形居中,带有背景阴影,条形和阴影均为圆角。
本文作者:ivweb villainthr 接SVG 动画精髓(上) 线条动画 SVG 中的线条动画常常用作过渡屏(splash screen)中。例如: 📷 或者,一些比较炫酷的 LOGO 中,比如
首先是指标的计算,日、周、月可以使用DATEADD函数倒推,参考此文业绩相关指标的计算(完成率、同比、环比、累计业绩)
Power BI默认图表的数据标签缺乏装饰,使用DAX自定义图表可以突破这一限制,下图将数据标签放在了一个圆圈中,为条形图增加了一点设计感。
输入法可以调出表情包,UNICHAR可以显示表情包。新建一个表情包的度量值也就易如反掌。
麦肯锡的华夫饼图如下所示,常用来显示百分比,下图是McKinsey Insights APP的示例:
2022年卡塔尔世界杯即将到来,不在Power BI搞点氛围说不过去。于是有了下面的条形图,用来表现不同球队的射门次数(2018年数据),射门动作、球的运动轨迹、球门一气呵成。
微信公众号手机端(订阅号助手APP)有对关注者的数据分析模块,例如下图是阅读排行前三名。这个卡片图简洁清晰,左上角是名次,名次底纹为金银铜色;中间是人物头像;下方是人物昵称。
子弹图,常用来实际值和预算值对比,Power BI图表市场有第三方厂商提供的多种样式,功能也非常丰富。
国务院办公厅于12月8日发布了2023年假日安排通知。一月适逢元旦、春节在同一个月份,因此这也是很多企业2023年生意最重要的月份
在VisualVapitalist看到一个英国首相任期最短排行榜。这个条形图的特点是多行类别标签,首相姓名下方备注了当选年份,党派,信息容量较大。
1.半圆显示 2.数据标签和类别标签同时显示 3.半圆底部有一条淡淡的灰色线条进行大小比较提示
偶然间在网上看到一个研发费用图表,同时显示了各大公司的研发花费以及研发费用占营收的比例。个人认为这个图表非常实用,可以广泛应用于零售业各环节。比如,店铺销售排行榜和对公司的整体业绩贡献,产品销售排行榜和毛利贡献……
2022年12月,新冠疫情进入新的阶段,愿诸君安康。最近常用的问候语成了:你羊过了没?
源自知识星球星友遇到的一个对比问题,本文使用一个度量值实现元素间两两对比,主要用来和优秀对标。示例是零售店铺之间的差异。
本公众号已经使用DAX内嵌SVG的方式自定义了一大票图表,读者可点击本文上方的#图表标签查看。很多时候,图表需要使用图例,例如下方的同期对比图:
上一文(Power BI x EasyShu:Top商品门店分布地图可视化)分享的是每个产品在不同门店的状况,本文换一种角度:每个门店自己的状况。下图展示了每个门店最畅销的商品,部分门店的Top1因为存在并列关系,所以显示了不止一个产品。
我们仍然处在新冠疫情期间,生活受到干扰,希望大家和家人都平安。微信提供了详细的信息供我们了解疫情动态。以下是2021年12月某日微信看一看的新增确诊图表,可以学习参考其展示方式。
data()的工作过程: data()能将数组各项分别绑定到选择集的各元素上,并且能指定绑定的规则。当数组长度与元素数量不一致时,data()也能够处理。当数组长度大于元素数量时,为多余数据预留元素位置,以便将来插入新元素;当数组长度小于元素数量时,能够获取多余元素的位置,以便将来删除。 在D3中,根据数组长度和元素数量的关系,分别把各种情况归纳如下:
细看上面的动态效果图,可以发现: 一个值变换到一个新的值时,是一个渐变的过程; 圆弧末尾有一个竖线,作为仪表盘的指针,在仪表盘数值变化时,有一个弹性的动画效果。 一开始,我是用Echarts来实现仪表
麦肯锡McKinsey Insights APP展示了一种直观表现差异的哑铃图,如下图所示。
以上所有效果不依赖任何第三方视觉对象,完全使用Power BI内置图表生成,交互功能一个不少(比如工具提示),数据标签,条件格式也完全支持。这是怎么办到的?
TL;DR 本文主要是讲解关于 SVG 的一些高级动画特效,比如 SVG 动画标签,图形渐变,路径动画,线条动画,SVG 裁剪等。 例如:路径动画 图形渐变: 线条动画: 以及,相关的动画的矩阵知识,
Power BI条件格式升降符号默认是左侧的三角形。偶然间在网上看到右侧的造型,很有新意,将百分号和升降符放到了一起。
一台做手机app应用的服务器在某云上,很好奇如果没有修改ssh端口的情况下,每天会被暴力破解多少次呢?带着这个疑问,查看一下/var/log/messages的日志,grep一下里面多少含有"Failed"的日志记录。。。
Power BI表格效果如下图所示,将特别好或者特别差的数据使用椭圆框选出来。如何实现?
一位群友遇到一个问题,数据差异非常大,有的上亿,有的只有几百。如何更好的显示这样的数据?
在数据可视化中,地图是很重要的一部分。很多情况会与地图有关联,如中国各省的人口多少,GDP多少等,都可以和地图联系在一起。
小必老师最近沉迷在Excel复刻华尔街日报的图表,在他那看到华尔街日报有一种头部是线条的大头针图(下图右侧),我用SVG与DAX结合的方法拿到Power BI表格试了试,效果还是不错的。
在金融时报的市场数据模块看到如下卡片图,上升和下降使用不同方向的五边形表示,数据的位置也随正负数变化而上下进行调整。
一个店铺的一个指标数值通常没有价值,价值在比较中产生。我们常常通过指标排名来发现店铺优劣势。在表格中,一个指标一列,10个指标则新建10列进行排名。
background: -webkit-linear-gradient(…) 为文本元素提供渐变背景。 webkit-text-fill-color: transparent 使用透明颜色填充文本。 webkit-background-clip: text 用文本剪辑背景,用渐变背景作为颜色填充文本。
之前介绍过如何在Power BI使用HTML Content视觉对象制作动态水印,现在使用内置的新卡片图也可以显示水印了(不了解新卡片图参考:Power BI可视化的巅峰之作:新卡片图)
https://www.d3js.org.cn/document/d3-shape/#pies
度量值如下,总共三个元素,一个rect为底部灰色背景条形;第二个rect叠加在第一个上面,显示实际达成宽度;一个text同时显示门店名称和数据标签。
2023年春节假日期间,人民出行意愿空前高涨,热门目的地酒店价格飙升。很多人可能使用携程预订酒店,下图是该平台的价格日历,日历注明了所选酒店每天的价格,且低价时段在日历下方进行颜色标识,日历上方同时注明了节日。这个日历怎么在Power BI实现呢?
本公众号已经分享了超过百种DAX+SVG自定义的图表,本文介绍如何将自定义图表空心化。所谓空心图表是指没有填充颜色,仅有边框颜色的图表。下图展示了条形图的空心效果:
前期介绍了几个在Power BI实现滚屏效果的原理及案例,那么切屏如何实现?下图展示了使用原生表格进行指标切换的例子,两个指标可以自动无限循环动态切换。
布局(Layout)可以看成是D3对图形元素的一种排布方式,在绘制柱状图时,是在横平竖直的直角坐标系下,确定矩形的左上角坐标,就可以画出随着高度变化的一系列柱子,以体现数据值的差异,而如果要画饼图呢,有一列数据[30,10,6],映射到饼图的不同楔形里,是一个个手动计算角度和初始位置么?根据图形语法,只需要将坐标系变成极坐标,一系列数据很容易对应为角度。
领取专属 10元无门槛券
手把手带您无忧上云