标签：Excel图表技巧 问题：希望图表中对于比率为90或以上的呈现绿色，70至90的呈现黄色，低于70的呈现红色。可以在图表中设置条件格式吗？如下图1所示。 图1 示例数据如下图2所示。...在单元格E2中输入公式： =IF(B2<H2,B2,NA()) 向下拉复制公式至该列所有数据单元格。...在单元格G2中输入公式： =IF(B2>I2,B2,NA()) 向下拉复制公式至该列所有数据单元格。 最终整理后的数据如下图3所示。 图3 更清楚一些，每个单元格中的公式如下图4所示。...然后，选择每个系列，使用“设置数据系列格式——填充”来选择正确的颜色。最终的结果如上文图1所示。...技巧：如果需要对正值使用一种颜色，对负值使用另一种颜色，可以使用常规的柱形图，然后设置系列的格式，在“填充”类别中，选择“以互补色代表负值”，例如可以选择绿色作为第一种颜色，红色作为第二种颜色。
CSS字体样式属性 TIM截图20200323214152.png 1.png 2.png 3.png text-shadow 该属性的作用为为页面中的文本添加阴影效果；通过设置它可以让网页中的文本有外发光...正值在右边，而负值在元素的左边。 第二个长度值指定了阴影的垂直偏移量。即在y轴上阴影的位置。正值在元素的上边，而负值在下边. 第三个长度值代表阴影的模糊半径。负值是不被允许的，并会被处理成0。...正值会在元素的各个方向按指定的数值延伸阴影。负值会使阴影收缩得比元素本身尺寸还小。默认值0会让阴影伸展得和元素的大小一样。...第五个，设置颜色颜色值 渐变 线性渐变 linear-gradient 线性渐变，指沿着某条直线朝一个方向产生渐变效果。...,[,*]) 第一个参数表示线性渐变的方向(to left;to right;to top;to buttom)， 第二个参数是起点颜色；第三个参数是重点颜色可以添加多种颜色
正值表示红色，负值表示绿色。这个分量与人类对红色和绿色的感知是线性相关的。 b*分量表示从黄色到蓝色的范围，取值范围也是[-127, 127]。正值表示黄色，负值表示蓝色。...这种转换通常基于一定的数学公式或算法： 2.8 CIELuv* 色彩空间 CIELuv色彩空间，也称为LUV色彩空间，是另一种国际照明委员会（CIE）推荐的颜色空间。...u分量表示从黄色到蓝色的范围，正值表示黄色，负值表示蓝色。v分量表示从紫色到绿色的范围，正值表示紫色，负值表示绿色。 CIELuv色彩空间与CIELab色彩空间的主要区别在于它们对颜色的表示方式。...cv2.inRange函数的工作原理是扫描图像的每个像素，如果像素值在lowerb和upperb指定的范围内，则将该像素设置为白色（或指定的其他值），否则设置为黑色。...这样，就可以提取出指定范围内的颜色，并将该颜色的区域设置为白色，其余区域设置为黑色。
今天我们一起了解瀑布图的重要性，以及如何使用不同的绘图库（如 Matplotlib、Plotly）绘制瀑布图。 瀑布图 瀑布图经常用于财务分析，以了解多种因素对特定对象的正面和负面影响。...基于类别的图表表示费用或销售额的收益或损失或具有顺序正值和负值的任何其他变量。基于时间的图表表示一段时间内的收益或损失。 瀑布图大多采用水平方式。...图表的参数 connector: 为连接器线提供颜色 increasing: 给递增的条赋予颜色 decreasing: 给递减的条上色 其实，上面已经完成了瀑布图的绘制，但若想他更加惊艳，可以进一步设置图表...title： 图表的标题 margin: 设置图表的边距：上、下、左、右 plot_bgcolor： 设置绘图背景颜色 paper_bgcolor： 设置纸张背景颜色 font： 设置字体属性 title_font...中的瀑布图 如果仔细查看图表，默认情况下，具有正值的条形为绿色，负值为红色，总值为蓝色。
视点位置可由方位角和仰角表示，方位角又称旋转角，它是视点位置在平面上的投影与轴形成的角度，其中正值表示逆时针，负值表示顺时针。...仰角又称视角它是XY平面的上仰或下仰角，正值表示视点在XY面上方，负值表示视点在XY面下方。 为了使图形的效果更逼真，有时需要从不同的角度观看图形。...view(T)：通过变换矩阵T设置视图，T是一个4×4的矩阵，如通过viewmtx生成的透视矩阵 [az,el]=view：返回当前的方位角和俯仰角。 T=view：返回当前的变换矩阵。...颜色映像定义为一个有三列和若干行的 矩阵。利用0到1之间的数，矩阵的每一行都代表了一种色彩。任一行的数字都指定了一个RGB值， 即红、黄、蓝三种颜色的强度，形成一种特定的颜色。 ?...代表plot颜色或线型表中的一种颜色，例如，'r'代表红色；(2)三个输入的行向量，它代表一个单独的RGB值，如[.25,.50.75];(3)矩阵。
第二等：代表ID选择器，如：#content，权值为0100。 第三等：代表类，伪类和属性选择器，如.content，权值为0010。 ...1.3.2 颜色单位 在CSS中可以直接使用颜色名来设置各种颜色，比如: red、 orange、 yellow、 blue、 green，但是在css中直接使用颜色名是非常的不方便。...RGB值: RGB通过三种颜色的不同浓度来调配出不同的颜色 R red, G green ，B blue 每一种颜色的范围在0-255(0%-100%)之间 语法: RGB(红色，绿色,...margin也可以设置负值，如果是负值则元素会向相反的方向移动，元素在页面中是按照自左向右的顺序排列的，所以默认情况下如果我们设置的左和上外边距则会移动元素自身，而设置下和右外边距会移动其他元素。...兄弟元素： 兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值) 特殊情况: 如果相邻的外边距一正一负，则取两者的和。 如果相邻的外边距都是负值，则取两者中绝对值较大的。
如下图1所示，正值和负值区域带有不同颜色的面积图。 ? 图1 这是如何做到的呢？ 首先，准备绘图数据，如下图2所示。 ? 图2 接着，开始绘图。 1....选择日期列和变化列，单击功能区“插入”选项卡“图表”组中的“二维面积图”，得到如下图3所示的图表。 ? 图3 2.选择图表数据系列，按Ctrl+1组合键，设置数据系列格式如下图4所示。 ?...图4 3.设置两种颜色渐变，这也是本次绘图的关键。...先要计算渐变停止点的中点：=最大上限值/（最大上限值+最大绝对下限值），在本示例中，最大上限值是5，最大下限值是-5，因此渐变停止点是：5/(5+5)=50%。 设置渐变点如下图5所示。...中间红色圈圈中有两个点，它们是重合的，一个设置为蓝色，一个设置为红色。注意，其位置位于50%。 ? 图5 4. 调整图表格式如下图6所示。 ? 图6 至此，图表制作完成。
background-color: currentColor; } div { color: red; background-color: red; } 该属性在SVG中使用时很方便，可以将指定的填充或描边颜色设置为...（3）inherit inherit 是一个保留字，它不局限于颜色，表示该属性采用与元素父级的属性相同的值。对于继承的属性，主要用途就是覆盖另一个规则。...在十六进制代码中，将另外两位数字添加到六位数字序列中，形成一个八位数字序列。例如，要在十六进制代码中设置黑色#000000，要添加 50% 的透明度，可以将其更改为#00000080。...值越高，颜色越黑。 与 HSL 一样，色调可以是 0 到 360 内的任何值。黑度和白度用来控制有多少黑色和白色混合在已选色调中，它们也是0-100%之间的值，当为100%时，就会出现全黑或者全白。...a和b轴的值可以是正值或者负值。两个负值将导致颜色朝向光谱的绿色/蓝色端，而两个正值可以产生更橙色/红色的色调。
▽▼▽ 在遇到某些特殊图表时，特别是一个数据系列中既有正值又有负值的情况，数据标签以及纵轴轴标签总是会相互遮挡，做出来的图表信息显得很凌乱，会影响读者的信息理解和阅读体验。...需要手动设置调整。 ? 在坐标轴选项中，选择逆序类别。 ? ? 由于默认的负值数据条填充色与正值并没有差异，所以需要手动设置双色填充。 ? ?...设置互补色填充，在备选颜色2中将白色设置为红色（这将是负值的填充色） ? 现在的问题是，纵轴的标签负值部分已经完全被数据条遮盖，看不清楚了。 那我们干脆直接pass掉坐标轴的标签。...再次打开数据条设置菜单，将系列重合度调整为100%. ? ? 选择新添加的数据条，填充无色。 ? 使用多标签工具，为刚才新添加的数据序列指定标签为B列。 ? ? ?...---- 本教程涉及到的前期基础教程： 如何在Excel里加载第三方插件！！！ 怎么“调教”你的柱形图！！！ 怎么反转条形图的数据系列顺序 图表中包含负值的双色填充技巧
设置字体所在区域背景颜色，取值为 UIColor对象，默认值为nil, 透明色 NSLigatureAttributeName 设置连体属性，取值为NSNumber...NSUnderlineStyle中的值，与删除线类似 NSUnderlineColorAttributeName 设置下划线颜色，取值为 UIColor 对象，默认值为黑色...NSStrokeWidthAttributeName 设置笔画宽度，取值为 NSNumber 对象（整数），负值填充效果，正值中空效果 NSStrokeColorAttributeName...设置基线偏移值，取值为 NSNumber （float）,正值上偏，负值下偏 NSObliquenessAttributeName 设置字形倾斜度，取值为 NSNumber...（float）,正值右倾，负值左倾 NSExpansionAttributeName 设置文本横向拉伸属性，取值为 NSNumber （float）,正值横向拉伸文本，负值横向压缩文本
:0 //字符间距 NSAttributedStringKey.kern:2 //设置字体倾斜度，取值为float，正值右倾，负值左倾 NSAttributedStringKey.obliqueness...注：NSKernAttributeName用来设置字符之间的间距，取值为NSNumber对象（整数），负值间距变窄，正值间距变宽 */ NSString *str4 = @"\n设置字符间距...NSStrokeWidthAttributeName 设置笔画的宽度，取值为NSNumber对象（整数），负值填充效果，正值是中空效果。...NSObliquenessAttributeName 设置字体倾斜度 取值为 NSNumber（float），正值右倾，负值左倾 */ NSString *str12 = @"设置字体倾斜度\n...NSExpansionAttributeName 设置字体的横向拉伸，取值为NSNumber （float），正值拉伸 ，负值压缩 */ NSString *str13 = @"设置字体横向拉伸
今天教大家怎么在Excel里制作带负值的双色填充图表 正负值双色填充 ▼ 通常如果数据中带负值 默认的图表输出虽然能够显示负值 但是负值颜色与正值并没有任何区别 视觉效果大打折扣 今天来教大家怎么处理正负值双色填充的问题...1 互补色填充法吧 激活图表选中数据条 单击右键进入设置数据系列格式菜单 选择第一项：填充 勾选以互补色代表负值选框 此时可以看到下面有两个可以更改的颜色 第一个是图表的默认颜色 第二个是白色（也就是默认的负值互补色...） 图表中现在负值已经变成了白色 我们肯定不希望用白色代表负值颜色 万一背景颜色也是白的话负值直接就消失了 所以要为负值的互补色自定义一种反差比较大的颜色 这里就用红色了 现在图表的正负值分别用不同的颜色标识是不是醒目多了...条形图的话方法同样如此 更改勾选互补色之后为负值自定义一种填充色 2 原数据正负值分列 当然想要达到这种效果肯定不止一种方法 下面小魔方要释放压箱底的技能 不用设置互补色只靠从新组织原数据就可以搞定...0 这样做成堆积柱形图或者堆积条形图之后 软件就可以自动为两个序列分别填充不同颜色 因为0值无法显示（每一个数据条本来应该包含两段不同的颜色） 所以看起来好像正负值分别填充了不同的颜色 这种方法的理念在制作图表中将会经常用到
有许多的好资源都可以了解关于在可视化中使用颜色的技巧，推荐Rob Simmon的《series of blog posts》和这篇进阶的技术文章,matplotlib文档现在也有一个很好的教程，说明了如何在内置色彩映射中构建的一些感知特性...并且它可以用于任何函数内部的palette参数设置（在某些情况下当需要多种颜色时也可以传入到color参数） color_palette()允许任意的seaborn调色板或matplotlib的颜色映射...在导入seaborn库后，默认的颜色循环被更改为一组六种颜色。虽然这些颜色可能会让你想起matplotlib的标准颜色循环，但他们无疑更赏心悦目一些。 ?...使用分类颜色调色板 另一种视觉上令人愉悦的分类调色板来自于Color Brewer工具(它也有连续调色板和离散调色板，我们将在下面的图中看到)。...如果你想返回一个变量当做颜色映射传入seaborn或matplotlib的函数中，可以设置as_cmap参数为True。
变量的每个可能值都从定性调色板中分配一种颜色。 qualitative-palette-example 在多色系调色板中，分配给每个组的颜色需不同。...根据经验，可尝试将最大调色板大小限制为十种或更少的颜色。使用比这更多的颜色，可能会遇到区分组的麻烦。如果有比颜色更多的可能值，应该尝试将值捆绑在一起，例如将最小的类别设置为单个其他类别。...大于中心的值分配给中心一侧的颜色，而较小的值分配给另一侧的颜色。 diverging-palette-example 通常，每个组件顺序调色板都使用独特的色调，以便更容易区分相对于中心的正值和负值。...虽然在值和颜色之间具有连续函数似乎自动更好，但离散化调色板仍然有优点。 数值的离散化可以通过显示数据中的广泛模式来减少认知负荷。此外，我们可以以更好地表示数据的方式为离散调色板设置值范围。...由于这些原因，最好尝试改变一个维度而不是单独的色调来指示与颜色相关的值，如亮度和饱和度。 colorblindness-sim 颜色使用工具 有许多在线工具可帮助您为数据可视化选择和测试颜色。
属性解释 background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项： background-color...还有另一种方式就是可以使用像素来进行位置偏移的设定，如下： ? 写完上来几个属性，如果每个都要单独写的话就比较费劲，下面介绍一下如何生成一行。...---- “background: cyan url(bg.png) no-repeat left center;”，背景不重复，背景和盒子左中对齐，盒子其他部分显示背景颜色“cyan”。 ?...用上面中间那张图片作为左边那个比它尺寸小的盒子的背景，上面右边的实现效果设置为：“background:url(location_bg.jpg) -110px -150px”，第一个数值表示背景图相对于自己的左上角向左偏移...110px，负值向左，正值向右，第二个数值表示背景图相对于自己的左上角向上偏移150px，负值向上，正值向下。
数据科学中一种常见的可视化类型是地理数据。Matplotlib 用于此类可视化的主要工具是 Basemap 工具包，它是位于mpl_toolkits命名空间下的几个 Matplotlib 工具包之一。...更传统的解决方案（如 leaflet 或 Google Maps API）可能是更加密集的地图可视化的更好选择。尽管如此，Basemap 仍然是 Python 用户在其虚拟工具栏中拥有的有用工具。...drawrivers()：在地图上绘制河流 fillcontinents()：用给定的颜色填充大陆；可选择用另一种颜色填充湖泊 政治边界 drawcountries()：绘制国界 drawstates...这些东西与它们的标准 Matplotlib 对应物非常相似，但是有一个额外的布尔参数latlon，如果设置为True，它允许你将原始纬度和经度传递给方法，而不是投影(x, y)坐标。...请注意，对于此数据，我们专门选择了一个离散颜色表，其中零处为中性色，负值和正值为两个对比色。
有时，使用等高线或颜色编码的区域，在二维中显示三维数据是有用的。...，负值由虚线表示，正值由实线表示。...Matplotlib 提供了各种各样的色彩表，你可以通过在plt.cm模块上的 TAB 补全，在 IPython 中轻松浏览它们： plt.cm....也就是说，颜色阶梯是离散的而不是连续的，这并不总是所希望的。 这可以通过将等高线数设置为非常高的数量来解决，但这会使的绘图相当低效：Matplotlib必须为等高线中的每个阶梯渲染一个新的多边形。...这些函数中可用选项的更多信息，请参阅其文档字符串。如果你对此类数据的三维可视化感兴趣，请参阅“Matplotlib 中的三维绘图”。
如果想要画出柱状图，可以将参数 kind 设置为 bar 或者 barh。 df.plot(kind="bar") <matplotlib.axes....直方图 直方图是一种展示数据频数/率的特殊的柱状图。如果想要画出直方图，可以将参数 kind 设置为 hist。 df.plot(kind="hist") <matplotlib.axes....如果想要画出箱线图，可以将参数 kind 设置为 box。 df.plot(kind="box") <matplotlib.axes....区域图 如果想要画出区域图，可以将参数 kind 设置为 area。 默认情况下，区域图是堆积的，要生成堆积的区域图图，每列必须全部为正值或全为负值。...可以设置参数 c 作为列的名称以为每个点提供颜色。 df.plot(kind="scatter", x="A", y="B", c="C") <matplotlib.axes.
定义 关联图是查看两个事物之间关系的图像，它能够展示出一个事物随着另一个事物是如何变化的。关联图的类型有：折线图，散点图，相关矩阵等。...() 用于创建颜色的十号光谱，在 matplotlib 中，有众多光谱供我们选择：https://matplotlib.org/stable/tutorials/colors/colormaps.html...可以在plt.cm.tab10()中输入任意浮点数，来提取出一种颜色。光谱tab10中总共只有十种颜色，如果输入的浮点数比较接近，会返回类似的颜色。...这种颜色会以元祖的形式返回，表示为四个浮点数组成的RGBA色彩空间或者三个浮点数组成的RGB色彩空间中的随机色彩。...，设置为白色，默认也是白色 , edgecolor='k' # 图像的边框颜色，设置为黑色，默认也是黑色 ) # 循环绘图 for i, category
} } }) 复制代码 本例展示的是 3的平方等于9，要设置 deltaY 为负值。...deltaY 的作用是定义文本基线，基线向上移动就设置正值，向下移动就设置负值，默认是0 。 styles 的设置比较特殊，要针对某个字的话，需要通过行号和字符下标来定位。...如果对这方面设置不太理解的话，可以看看 Fabric.js IText设置指定字符颜色和背景色。...下标我并不打算向下偏移，因为这样看起来不是那么好看，所以我只是设置了 fontSize 为24，将字号改小一点了。...除了上述方式，其实还有另一种方式设置上标和下标的，但那种方式的应用场景稍微有点不同，下一篇再说说那种方法。 源码仓库 ⭐Fabric IText 上标和下标
领取专属 10元无门槛券
手把手带您无忧上云
