-
2021-03-07 19:29:16
如何单独设置图例
上一个教程我们讲了修改图标图例的形状及大小那么,我们该如何单独设置图例呢?
分别对legend的样式做出定义
首先需要分别对legend的样式做出定义
代码如下:
legend:[{
itemWidth:12,
itemHeight:12,
textStyle: {color: 'red'},
data:[{name:'最高气温',icon:'rect'}], //rect为矩形
},{
itemWidth:12,
itemHeight:2,
data:[{name:'最低气温',icon:'rect'}], //rect为矩形
}],
效果如图:
可以看到:我们的样式的单独设置设置是成功的,但是他们重叠到了一块去。因为我们设置了两个单独的legend,且都未为他们指定位置,他们就都使用了相同的默认位置。
所以想要实现要是的单独设置,我们还需为每一个样式单独指定位置。
为每一个样式单独指定位置
在上一篇教程中我们介绍过legend的如下四个属性:
legend. left = ‘auto’
图例组件离容器左侧的距离。
left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’, ‘center’, ‘right’。
如果 left 的值为’left’, ‘center’, ‘right’,组件会根据相应的位置自动对齐。
legend. top = ‘auto’
图例组件离容器上侧的距离。
legend. right = ‘auto’
图例组件离容器右侧的距离。
默认自适应。
legend. bottom = ‘auto’
图例组件离容器下侧的距离。
默认自适应。
我们来使用它们来设置图例组件的位置:
给每个legend进行单独的属性设置:
分别设置:
第一个图例组件离容器上侧的距离为5个像素、距离左侧的距离为相对于容器宽的百分之38;
第二个图例组件离容器上侧的距离为5个像素、距离右侧的距离为相对于容器宽的百分之35.
将树懒课堂总部一周气温变化这个实例中的与legend有关的代码替换为如下代码:
legend:[{
itemWidth:12,
itemHeight:12,
textStyle: {color: 'red'},
top:5, //调整位置
left:'38%' ,//调整位置
data:[{name:'最高气温',icon:'rect'}], //rect为矩形
},{
itemWidth:12,
itemHeight:2,
top:5, //调整位置
right:'35%' ,//调整位置
data:[{name:'最低气温',icon:'rect'}], //rect为矩形
}],
效果如图:
单独设置图例及其位置设置成功!
更多相关内容 -
python中图例的位置怎么手动调整
2020-11-20 19:15:33最近遇到一个问题,关于图例legend如何画在图32313133353236313431303231363533e78988e69d8331333363393662外的问题,并以适合的比例显示出来。2.首先传统的做法如下,这种方式并不能满足我的要求,而且是显示在图内...展开全部
1.最近遇到一个问题,关于图例legend如何画在图32313133353236313431303231363533e78988e69d8331333363393662外的问题,并以适合的比例显示出来。
2.首先传统的做法如下,这种方式并不能满足我的要求,而且是显示在图内。
ax1.legend(loc='center left', bbox_to_anchor=(0.2, 1.12),ncol=3)1
loc表示图例的位置,有多种形式:
‘North’ 图例标识放在图顶端
‘South’ 图例标识放在图底端
‘East’ 图例标识放在图右方
‘West’ 图例标识放在图左方
‘NorthEast’ 图例标识放在图右上方(默认)
‘NorthWest 图例标识放在图左上方
‘SouthEast’ 图例标识放在图右下角
‘SouthWest’ 图例标识放在图左下角12345678
有人说简单,有相同的方式,如下经测试不行,可能是本人用的python版本不行,所用的方式就是和前面一样,采用如下的方式来替换上面的legend位置。
‘NorthOutside’ 图例标识放在图框外侧上方
‘SouthOutside’ 图例标识放在图框外侧下方
‘EastOutside’ 图例标识放在图框外侧右方
‘WestOutside’ 图例标识放在图框外侧左方
‘NorthEastOutside’ 图例标识放在图框外侧右上方
‘NorthWestOutside’ 图例标识放在图框外侧左上方
‘SouthEastOutside’ 图例标识放在图框外侧右下方
‘SouthWestOutside’ 图例标识放在图框外侧左下方
(以上几个将图例标识放在框图外)
‘Best’ 图标标识放在图框内不与图冲突的最佳位置
‘BestOutside’ 图标标识放在图框外使用最小空间的最佳位置1234567891011
bbox_to_anchor:表示legend的位置,前一个表示左右,后一个表示上下。当使用这个参数时。loc将不再起正常的作用,ncol=3表示图例三列显示。
3.有人说要解决这个问题可以采用对坐标轴放大或是缩小的方式,经本人测试可以行,但是,放大缩小的比率不让人满意,且很难控制到适合的位置。有兴趣可以参考链接,最终得出此方法不行。
4.那么就没有办法了吗?NO.NO,请看下面,最终完成如下。
这就是本人要的效果,不废话,具体做法如下
box = ax1.get_position()
ax1.set_position([box.x0, box.y0, box.width , box.height* 0.8])12
首先按上面的方式,如果你想将图例放上面就box.height*0.8,放右边就box.width*0.8其它方式一样。同时配合下面来使用。
ax1.legend(loc='center left', bbox_to_anchor=(0.2, 1.12),ncol=3)1
主要是bbox_to_anchor的使用,自己可以修改参数试下,good luck for you.
阅读全文
版权声明:原创文章,未经博主
-
Pyecharts更改图表大小,图例位置,设置翻页图例和颜色
2020-04-20 23:18:27使用例子 更多例子,请关注公众号 拇指笔记 建议看一看源码。...左/右,或者百分数,百分数的含义图例的坐标位置在整个宽度的百分之多少(如果宽外1000,设置为80%就意味着图例在800的位置。 .set_glo...使用例子
更多例子,请关注公众号 拇指笔记
建议看一看源码。
设置图表大小
在实例化时,设置宽度和高度。
Pie(init_opts=opts.InitOpts(width="1000px"))
具体位置如图
设置图例位置
左/右,或者百分数,百分数的含义图例的坐标位置在整个宽度的百分之多少(如果宽外1000,设置为80%就意味着图例在800的位置。
.set_global_opts( title_opts=opts.TitleOpts(title=" "), legend_opts=opts.LegendOpts(type_="scroll", pos_left="left", orient="vertical"), )
位置如图,和.add在一层。
设置翻页图例
图例很多时,可以将图例设置为翻页的。设置type=scroll。type = none则为普通模式。
legend_opts=opts.LegendOpts(type_="scroll", pos_left="left", orient="vertical")
位置如图。
设置颜色
设置图表的颜色,代码如下
.set_colors(['red',"blue", "green", "yellow", "red", "pink", "orange", "purple"])
位置如图。
在学习Python一年中,收集了很多Python学习资料,在这里整理一下,分享给各位!
Python入门、数据分析、爬虫、运维、机器学习方面的学习资料
-
QChart 自定义图例位置title前添加图片
2018-07-13 15:51:29Qt使用QChart制作统计图图例由setAlignment()设置位置,但是项目需求中title和在同一行title前添加图标,重写时使用了QGraphicsView,QGraphicsScene进行嵌套(博客中有部分内容,下载前先看看是否是自己需要) -
27.ggplot2图例修改参数大全(移除、标题、标签、顺序、背景、位置等,内含独门绝技).pdf
2021-12-04 14:44:51使用ggplot2绘制统计图的时候,经常需要根据个人需要调整参数,使图例能够符合个人的审美。ggplot2的一个优点就是为我们提供了丰富的参数用来调整图例中的每一个元素,下面一点点的讲解。 -
highcharts图表的图例legend怎么改变显示位置
2020-12-31 09:29:47一、将图例Legend放于图表右侧1、设置chart的marginRight属性值:chart: {marginRight: 120}2、设置legend图例属性值如下legend: {align: 'right', //水平方向位置verticalAlign: 'top', //垂直方向位置x: 0, //距离x...一、将图例Legend放于图表右侧
1、设置chart的marginRight属性值:
chart: {
marginRight: 120
}
2、设置legend图例属性值如下
legend: {
align: 'right', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: 100 //距离Y轴的距离
}
3、效果图:
二、将图例放于图表左上角
1、设置legend的属性
legend: {
align: 'left', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: 0 //距离Y轴的距离
}
2、效果图:
三、将图例放于图表上方中央
1、设置legend属性如下
legend: {
align: 'center', //水平方向位置
verticalAlign: 'top', //垂直方向位置
x: 0, //距离x轴的距离
y: 20 //距离Y轴的距离
}
2、效果图如下:
四、将图例放于下方中央
1、设置legend属性如下
legend: {
align: 'center', //水平方向位置
verticalAlign: 'bottom', //垂直方向位置
x: 0, //距离x轴的距离
y: 0 //距离Y轴的距离
},
2、效果图如下:
-
Python——legend()图例位置调整
2020-11-20 19:15:13Legend()参数调整图例位置在日常使用中,有时默认的图例位置不符合我们的需要,那么我们可以添加参数对图例的位置进行调整。matplotlib.pyplot.legend(loc='String' or Number, bbox_to_anchor=(num1, num2))11.loc... -
python:画图调整图例位置
2021-05-23 22:34:03https://blog.csdn.net/weixin_39899244/article/details/109870629 python画图如何调整图例位置_python中图例的位置怎么手动调整(亲测有用,可以调整图例位置!!!!) ax1.legend(loc='center left', bbox_to_... -
echarts中如何配置图例形状、图标宽高、图标和文字间距、图例位置、文字颜色、字体大小
2022-04-11 15:00:551.代码和注释如下 var option ={ legend: { bottom: '5%',//图例距离整个容器底部的距离 left: 'center',//图例距离... icon: "circle",//设置图例图标的形状为实心圆,这个不填,默认是矩形 itemHeight: 9,//图例 -
Echarts图例位置 - legend属性
2020-04-02 16:25:07不过我们在使用Echarts过程中经常会遇到如下问题:图例经常不知道如何调节到我们想要的位置。 遇到此情况该如何调节呢? 只需要legend属性中修改如下几个示数即可: legend: { orient: 'vertical', ... -
matplotlib设置图例的位置及排列布局
2022-03-26 16:29:59plt.legend(handles=[l1[0],l2[0],l3[0]], loc='center', bbox_to_anchor=(0.5, 1.09), ncol=3, prop=...设置图例位置 loc的取值有9种,参考知乎大佬,当只设置loc值时,参考下图。 当设置bbox_to_anchor时 bbox_to_a. -
echart设置将图例文字放置在图例图标icon中
2021-04-12 17:19:11将图图表的图例设置如图所示,将图例文字放置在图例图标中。 原图图表是这样的:https://echarts.apache.org/examples/zh/editor.html?c=line-stack option = { title: { text: '折线图堆叠' }, tooltip: { ... -
求问大家知道HFSS软件中图例大小位置调整怎么搞吗
2021-04-08 19:56:36提问这个HFSS图例大小以及上面的标题位置怎么调整呀 <p><img alt="" height="1232" src="https://img-ask.csdnimg.cn/upload/1617882911921.png" width="2823" /></p> -
echarts 图例 颜色和文字如何调换位置
2019-12-05 15:07:17默认的图例是: 需要改变左右位置的话,需要设置align:left;即可 -
python图例参数
2020-11-23 17:32:01广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元!matplotlib.orgapi_as_genmatplotlib.pyplot.legend.... plot函数需要在legend中添加一个参数... -
pyecharts调整图例与各板块的位置间距实例
2020-11-20 19:53:06引入Gridgrid=Grid()# 可以分别调整上下左右的位置,可以是百分比,也可以是具体像素,如pos_top="50px"grid.add(c,grid_opts=opts.GridOpts(pos_top="50%",pos_bottom="50%",pos_left="50%",pos_right="50%"))调整... -
matlab中legend函数在添加图例时的使用方法
2021-04-18 07:35:36matlab中legend函数在添加图例时的使用方法matlab中legend函数在添加图例时的使用方法功能在图形上添加图例。该命令对有多种图形对象类型(线条图,条形图,饼形图等)的窗口中显示一个图例。对于每一线条,图例会在... -
图例在散景图中的位置 - python
2020-12-10 11:42:20有谁知道如何在图的之外的bokeh 中携带图例?我唯一能做的就是在以下位置选择一个位置:top_right, top_left, bottom_left or bottom_right使用:legend()[0].orientation = "bottom_left"当我尝试其他选项时,出现... -
Python如何自定义图标图例
2020-12-04 16:29:26图标、图例 -
在Matlab图例中更改填充样本的大小
2021-07-19 18:34:29I'm creating a plot in matlab that includes some lines, as well as a fill. For example,fill([0 1 1], [0 1 0], [.9 .9 .9]);plot(rand(5, 1), 'b');plot(rand(5, 1), 'r');plot(rand(5, 1), 'g');... -
在MATLAB图例中设置线条颜色?
2021-04-18 06:31:36我正在使用BNT的plotgauss2d函数来可视化当在网络中的其他地方观察到证据时2D高斯节点的响应如何变化.eng = jtree_inf_engine(bnet);evidence = cell(1, 2)eng = enter_evidence(eng, evidence);marginals = ... -
Echarts 饼图 图例修改,legend样式修改
2021-01-27 04:37:133 分析 3.1 图例图标修改 icon:"circle", 3.2 图例 标题样式修改,lenged 对象里的修改 legend: { orient: 'vertical', x: 'left', data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎'], icon:... -
Echarts图例常用配置(图例大小、字体、显示方式、位置等)
2021-04-22 18:00:20Echarts图例常用配置 legend: { data: this.allLegend, textStyle: { //图例字体大小 fontSize: 10, }, //图例大小 itemHeight: 10, //图例滚动显示 ... //图例位置 right: 0, top: 30, bott -
如何设置echart图例legend的位置
2021-05-13 11:56:13如何设置echart图例legend的位置常见legend位置底部居中底部右侧改变颜色改变间隔改变图例宽度高度边框颜色改变图例内边距 常见legend位置 底部居中 legend: { orient: 'vertical', left: 'center', bottom:'... -
Excel 柱形图修改图例大小,增加图例宽度
2021-05-26 17:43:46Excel 柱形图图例加宽 背景:用Excel制柱形图,但是Excel的柱形图图例是小方块,太小,需要使用颜色分辨,在百度找了一大圈,都是些奇怪的答案,后来搞了一个...3.更改图表类型 4.选择“组合”,将C的类型改为“折.