问题描述：在当前文件夹中有一个存放同一门课程两个班级同学成绩的Excel文件“学生成绩.xlsx”，每个工作表中存放一个班级的成绩。...编写程序，使用pandas读取其中的数据，然后绘制柱状图和热力图对学生的成绩数据进行可视化。...技术要点：1）使用pandas读取Excel多WorkSheet中的数据；2）使用pandas函数merge()横向合并DataFrame；3）柱状图与热力图的绘制。 测试数据： ? 参考代码： ?
关系（二）利用python绘制热图 热图 （Heatmap）简介 1 热图适用于显示多个变量之间的差异，通过颜色判断彼此之间是否存在相关性。...函数创建 sns.heatmap(df) plt.show() 2 定制多样化的热图 自定义热图一般是结合使用场景对相关参数进行修改，并辅以其他的绘图知识。...seaborn主要利用heatmap绘制热图，可以通过seaborn.heatmap[1]了解更多用法 不同输入格式的热图 import matplotlib.pyplot as plt import...plt.show() 3 自定热图 import matplotlib.pyplot as plt import numpy as np import seaborn as sns import pandas...g = sns.clustermap(df, standard_scale=1) # 标准化处理 plt.show() 5 总结 以上通过seaborn的heatmap快速绘制热图，并通过修改参数或者辅以其他绘图知识自定义各种各样的热图来适应相关使用场景
盒子模型 1.1. margin 外边距 - margin margin属性用于设置盒子的外边距,通常用于元素和元素之间的间距; margin包括四个方向,所以有如下的取值: margin-top...padding-bottom 给父元素设置border 触发BFC: 设置 overflow 为 auto（Block formating context） 建议 margin一般是用来设置兄弟元素之间的间距...padding一般是用来设置父子元素之间的间距 上下margin的折叠 垂直方向上相邻的2个 margin( margin-top 、 margin-bottom )有可能会合并为1个margin，这种现象叫做...轮廓效果 1.3. box-shadow 盒子阴影 – box-shadow **box-shadow **属性可以设置一个或者多个阴影 每个阴影用表示 多个阴影之间用逗号,隔开，从前到后叠加...用于设置背景图片的大小 auto:默认值, 以背景图本身大小显示 cover:缩放背景图，以完全覆盖铺满元素,可能背景图片部分看不见 contain:缩放背景图，宽度或者高度铺满元素，但是图片保持宽高比
(4 )四分位数间距 四分位数包括上四分位数和下四分位数。...绘制散点图矩阵 需要同时考察多个变量间的相关关系时，一一绘制它们间的简单散点图是十分麻烦的。...r的平方越接近于1,表明x与y之间的相关性越强；r的平方越接近于0,表明两个变量之间几乎没有直线相关关系。...，如 盒图可以表示多个样本的均值，误差条形图能同时显示下限误差和上限误差，最小二乘拟合曲线图能分析两变量间的关系。...其中，盒子的上、下四分位数和中值处有一条线段。箱形末端延伸出去的直线称为须, 表示盒外数据的长度。如果在须外没有数据，则在须的底部有一点，点的颜色与须的颜色相同。
图2展示的是腾讯园区CFD整体模型，在模型中我们考虑了园区内不同设备的排热温度、风量等参数，不仅要模拟它们之间的相互影响，同时也要模拟不同排热方式、不同季风下的散热情况。...通过规划AHU机组间距和排风高度 规避机组间的热回流 由于建筑尺寸的限制，机组之间的距离不能无限扩大。...图4_ AHU加装排风导风罩示意图 通过规划建筑间距 规避建筑之间的热回流 由于占地面积约束，园区内建筑集中程度较高。...园区“热岛”的严重程度至少受到建筑间距、排风温度、柴发启停等多个因素的影响。 图5_园区热岛效应流线图 通过模拟不同建筑的间距，我们发现热岛效应导致的热回流会因建筑间距变化而变化。...模拟结果显示（图7），如果将柴发分散布置在厂房周围，与AHU间隔一定距离，可以有效降低热岛的剧烈程度，不仅可以减少AHU的排热难度，还能进一步保障柴发自身的散热，进而保证机房的安全运行。
我们需要先了解下行盒子的构造。构造如下图（书中图 4-5），大家可以仔细看看各部分的含义。 ?...内容区并不会完全限制字符的显示，比如某些字体中g就会超出内容区。 最后，如果行盒子内有多个行高不等的行内盒子，则行盒子最后的高度至少等于最高的。...从图中，我们还能看出，当使用 vetical-align 调整元素位置时，会扩展行盒子的高度。这也是我们前面为什么说：“当行盒子内有多个行高不等的行内盒子时，行盒子最后的高度至少等于最高的”。...4.1.8 字间距和词间距 word-spacing可以调整单词与单词之间的距离。letter-spacing可以调整字母与字母之间的距离。 通常情况下，我们无需做字间距和词间距的调整。...如果特性只有开关两个状态，则 1 为开启；如果有多个状态，则根据字体来选择对应的数字。 多个特性之间用逗号隔开。 不同浏览器的浏览器可能需要加前缀（这个不用手动加，建议使用 CSS 预处理器）。
（5）letter-spacing : 字间距 letter-spacing 属性用于定义字间距，所谓字间距就是字符与字符之间的空白，其属性可为不同单位的数值，允许使用负数值，默认为normal。...（6）word-spacing : 单词间距 word-spacing属性用于定义英文单词之间的间距，对中文字符无效。...word-spacing和letter-spacing均可对英文进行设置，不同之处在于letter-spacing定义的是字母之间的间距，而word-spacing定义的是英文单词之间的间距。 ...（7）line-height : 行间距 line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。 ...每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。因此，可以说网页就是多个盒子嵌套排列的结果。
（5）letter-spacing : 字间距 letter-spacing 属性用于定义字间距，所谓字间距就是字符与字符之间的空白，其属性可为不同单位的数值，允许使用负数值，默认为normal。...（6）word-spacing : 单词间距 word-spacing属性用于定义英文单词之间的间距，对中文字符无效。...word-spacing和letter-spacing均可对英文进行设置，不同之处在于letter-spacing定义的是字母之间的间距，而word-spacing定义的是英文单词之间的间距。 ...（7）line-height : 行间距 line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。 ...每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。因此，可以说网页就是多个盒子嵌套排列的结果。 ?
qcut：和cut作用一样，不过它是将数值等间距分割 crosstab：创建交叉表，用于计算两个或多个因子之间的频率 join：通过索引合并两个dataframe stack: 将数据框的列“堆叠”为一个层次化的...：绘制堆积图 pandas.DataFrame.plot.bar：绘制柱状图 pandas.DataFrame.plot.barh：绘制水平条形图 pandas.DataFrame.plot.box：绘制箱线图...pandas.DataFrame.plot.density：绘制核密度估计图 pandas.DataFrame.plot.hexbin：绘制六边形分箱图 pandas.DataFrame.plot.hist...：绘制直方图 pandas.DataFrame.plot.line：绘制线型图 pandas.DataFrame.plot.pie：绘制饼图 pandas.DataFrame.plot.scatter：...、趋势和季节性 pandas.plotting.parallel_coordinates：绘制平行坐标图，用于展示具有多个特征的数据集中各个样本之间的关系 pandas.plotting.scatter_matrix
subplot是用来存放坐标系的，一个figure中可以有多个subplot。...调整subplot周围的间距：默认情况下，matlibplot会在subplot外围以及sbuplot之间留下一定的边距。图像的大小和间距是相关的，如果你调整了图像大小，间距也会自动调整。...利用Figure的subplots_adjust方法可以用来修改间距。...06|Pandas作图： matplotlib是一种比较低级的工具，要组装一张图表，需要用到它的各种组件才可以，包括图表类型（线型图、柱状图、盒形图、散布图、等值线图等）、图例、标题、刻度标签以及其他注释信息...散布图：是观测两个一维数据序列之间关系的有效手段，使用pd.scatter_matrix()即可建立。
工具：matplotlib,pandas import matplotlib.pyplot as plt import pandas as pd from pandas import Series, DataFrame...还可以指定subplots的其他参数，例如使得子图之间具有相同的x轴或者y轴（否则matplotlib会自动缩放各子图的坐标轴界限） （3）调整子图的间距 利用subplots_adjust函数可以调整各个子图之间的间距和图像大小...hist(np.random.randn(500),bins=50, color='k',alpha=0.5) 7plt.subplots_adjust(wspace=0, hspace=0) # 将子图之间的间距收缩到了...image.png 数据分析中的常用图形： 线型图： 除了matplotlib， pandas的Series和DataFrame都具有许多根据其自身数据组织特点来创建标准绘图的高级绘图方法。...调用plot时在kind设置为‘kde’就可以生成密度图。 散布图： 散布图是观察两个一维数据序列之间关系的有效手段。散布图也被成为散布图矩阵，它还支持在对角线上放置各个序列的直方图或者密度图。
1、以下代码中，item1与item4之间的间距是多少？..."> item4 答案： 解析：item1 与 item4 之间的间距为...3个下外边距大小+2个盒子高度=20*3+20*2=100px 2、以下代码中，item1与item4之间的间距是多少 ？...20px 解析：因为中间两个box中没有内容也没有边框线，所以外边距会一直重叠合并，所以最后item1和item4之间距离只有一个下外边距的大小 3、以下代码中 container 、 item 、...box与浏览器顶部的间距是多少 ？
你将学到： CSS基础知识： 我们会从CSS的基础语法和常用属性开始，让你了解如何使用CSS来设置网页的样式，包括文字样式、颜色、布局等方面。...响应式设计： 随着移动设备的普及，响应式设计已经成为Web开发的标配。我们将介绍如何利用CSS媒体查询和弹性布局来创建适应不同屏幕尺寸的网页。...:center 居中 text-align :left 左对齐 要想给图片居中 给图所在的标签的父标签加上text-align :center注意不是img标签 文本修饰 属性名：text-decoration...取值： 属性值 underline 下划线（常用） line-through 删除线 overline上划线 none无常用线 行高 =上间距+下间距+文本高度· 控制一行的上下行间距...一般用于盒子之间的层叠 设置定位方式： position 属性值：static静态定位 relative相对定位 absolute绝对定位 static再设置偏移值：水平 left 数字+px
一个浮动体只是一个与版心等宽的盒子，内容可以任意放置。...\floatpagefraction 的跨双栏版本 \floatsep 弹性长度 12±212 \pm 212±2 pt 文本页上，处于页顶或页底的多个浮动体之间的垂直间距 \textfloatset...弹性长度 19±319 \pm 319±3 pt 文本页上，处于页顶或页底的浮动体与正文之间的垂直间距 \intextsep 弹性长度 12±212 \pm 212±2 pt 文本页上，使用 h 位置选项排在页面中间的浮动体与上下文之间的垂直间距...\@fpsep 弹性长度 888 pt +++ 222 fil 浮动页中多个浮动体之间的垂直间距 \@fpbot 弹性长度 000 pt +++ 111 fil 浮动页中页面底部与浮动体之间的垂直间距...事实上，使用了 H 选项的 figure 和 table 环境就不再是一个浮动体，而只是一个前后间距与内容格式都与普通浮动环境相同的一个大盒子。
启用matplotlib 最常用的Pylab模式的IPython（IPython --pylab） 2. matplotlib的图像都位于Figure对象中。...可以使用plt.figure创建一个新的Figure，不能通过空Figure绘图，必须用add_subplot创建一个或多个subplot axes[0,1]可以通过sharex和sharey指定subplot...利用Figure的subplots_adjust方法可以修改间距，wspace和hspace用于控制宽度和高度的百分比，可以用作subplot之间的间距。 3....font_options = {'family':'monospace','weight':'bold','size':'small'} plt.rc('font',**font_options) 9. pandas...中的绘图函数 线形图:默认情况 柱状图：bar;barh 直方图和密度图：Series的hist方法、kin='kde' 散布图：plt.scatter
表9-1 pyplot.subplots的选项 调整subplot周围的间距 默认情况下，matplotlib会在subplot外围留下一定的边距，并在subplot之间留下一定的间距。..., top=None, wspace=None, hspace=None) wspace和hspace用于控制宽度和高度的百分比，可以用作subplot之间的间距。...图9-5 各subplot之间没有间距 不难看出，其中的轴标签重叠了。matplotlib不会检查标签是否重叠，所以对于这种情况，你只能自己设定刻度位置和刻度标签。后面几节将会详细介绍该内容。...图9-18 每天各种聚会规模的比例 于是，通过该数据集就可以看出，聚会规模在周末会变大。 对于在绘制一个图形之前，需要进行合计的数据，使用seaborn可以减少工作量。...图9-23 标准混合密度估计的标准直方图 散布图或点图 点图或散布图是观察两个一维数据序列之间的关系的有效手段。
3、调整subplot周围的间距 默认情况下，matplotlib会在subplot外围留下一定的边距，并在subplot之间留下一定的间距。...利用Figure的subplots_adjust方法可以轻而易举地修改间距，此外，它也是个顶级函数： ? wspace和hspace用于控制宽度和高度的百分比，可以用作subplot之间的间距。...线型图还可以加上一些标记（marker），以强调实际的数据点。由于matplotlib创建的是连续的线型图（点与点之间插值），因此有时可能不太容易看出真实数据点的位置。...这是因为要根据数据制作一张完整图表通常都需要用到多个对象。在pandas中，我们有行标签、列标签以及分组信息（可能有）。...于是，开发方向就变成了实现数据分析和准备工具（如pandas）与Web浏览器之间更为紧密的集成。
JPEG GIF PNG 矢量图 figure标签 表格（table） 基本的表格结构 表格的标题 跨行和跨列 长表格 表单（form） 如何收集信息 表单控件（input） 文本框 / 密码框 /...frame） 页面信息（meta） 转义字符（实体替换符） 使用CSS渲染页面 简介 CSS的作用 CSS的工作原理 规则、属性和值 颜色（color） 如何指定颜色 颜色术语和颜色对比 背景色 文本...) 行间距(line-height)、字母间距(letter-spacing)和单词间距(word-spacing) 对齐(text-align)方式和缩进(text-ident) 链接样式（:link.../ :visited / :active / :hover） CSS3新属性 投影 首字母和首行文本(p:first-letter / p:first-line) 响应用户 盒子（box model）...盒子大小的控制（width / height） 盒子的边框、外边距和内边距（border / margin / padding） 盒子的显示和隐藏（display / visibility） CSS3
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
