- 综合排序
- 最热优先
- 最新优先
- 来自专栏机器学习/数据可视化
pyecharts-6-绘制地图
Pyecharts-6-绘制地理图 本文中介绍的是如何利用pyecharts绘制地理图形 ，学习的资料主要是来自官网 ? import JsCode from pyecharts.globals import ThemeType, ChartType import pandas as pd import numpy as np 绘制基本图形 广东省数据 当绘制具体某个省份的地图时候，需要在地级市后面加上一个\color{red}{市}，否则不能出图： ? 效果图为： ?
1.5K10发布于 2021-03-01 - 来自专栏橙光笔记
Canvas系列（6）：绘制图片
我们现在已经可以绘制好多东西了，不过在实际开发中，绘制最多的当然是图片了，这章我们就讲讲图片的绘制。 ---- 绘制图片 绘制图片的API是drawImage，它的参数有三种情况： // 将图片绘制在canvas的(dX, dY)坐标处 context.drawImage(Image, dX, dY); dHeight); 来一个例子： var image = new Image(); image.src = "https://www.kai666666.top/2019/06/19/Canvas系列（6） 当然除了可以绘制canvas以外还可以绘制video不过每次只能绘制一屏，如果希望绘制的图形也可以播放的话，那么就要循环多次调用绘图了。同样的如果图片是GIF的也不会动态播放出来，而是会显示第一张。 具体代码： var image = new Image(); image.src = "https://www.kai666666.top/2019/06/19/Canvas系列（6）：绘制图片/lufei.jpeg
1.5K50发布于 2020-10-17 - 来自专栏大史住在大前端
【带着canvas去流浪（6）】绘制雷达图
重点提示 雷达图绘制的看起来并不复杂，无非就是一些路径点的连线，其中的难点都在于一些细节。 坐标转换 为了避免在绘制过程中不断根据夹角来计算某个数据点的坐标，我们可以让坐标系先移动到绘图中心，然后在绘制过程中逐步旋转并使用context.lineTo(x,y)来连线即可，这样做的好处是很明显的 文字的对齐 为了让文字保持正常的方向，我们需要将坐标系的旋转恢复到初始状态再进行绘制。 绘制的过程中可以根据绘制点和中心连线相对于x轴的角度来动态修改其绘制时的相对点（left,right,center），否则就会出现下图的结果，也就是文字区域的中心到图形中心的距离的确是一致的，但这并不是我们想要的效果 (options); drawData(options);//绘制雷达图 drawText(options);//绘制文字 } function drawBg(options) {
1.2K20发布于 2019-04-17 - 来自专栏雪胖纸的玩蛇日常
6.页面绘制-帖子列表页和前端路由
tiezi.css： .zhuti{ width: 100%; min-height: 200upx; /* background-color: #19BE6B tiezi.css中： .zhuti{ width: 100%; min-height: 200upx; /* background-color: #19BE6B 6.回复组件 用到了uni-app的官方ui组件中的分页组件+多行输入框 tiezi.vue中： <template> <view> <uni-pagination show-icon
88330发布于 2021-07-13 - 来自专栏萌海无涯
Python之pygame学习绘制文字制作滚动文字（6）
pygame绘制文字 ✕ 今天来学习绘制文本内容，毕竟游戏中还是需要文字对玩家提示一些有用的信息。 字体常用的不是很多，在pygame中大多用于提示文字，或者记录分数等事件。 字体绘制基本分为以下几个步骤： 初始化字体模块 pygame.init() 创建一个字体对象 可以从文件或者系统内字体选取 pygame.font.SysFont('幼圆',50) 绘制文本对象。 a.render("测试字体",True,(255,0,0),(0,0,0)) 屏幕绘制字体 screen.blit(text,[jx.x,jx.y]) 绘制字体是用的表面中blit函数来绘制图像： blit（source，dest，area = None，special_flags = 0） - > Rect 在此Surface上绘制源Surface。 这表示要绘制的源Surface的较小部分。 也就是我们需要绘制的元素，需要绘制的位置输入进去，可以接受矩形区域的位置参数。 这里还演示了获取文本宽高，让文本在屏幕居中滚动的效果。
5.3K30发布于 2019-08-19 - 来自专栏python小分享
Python常用的6种绘制地图的方法
今天来讲一讲在日常工作生活中我常用的几种绘制地图的方法，下面我将介绍下面这些可视化库的地图绘制方法，当然绘制漂亮的可视化地图还有很多优秀的类库，没有办法一一列举 pyecharts、plotly、folium 我们通过 GEO 地理数据来绘制地图同样非常方便，但是地图看起来有一些单调，我们把不同的省份绘制成不同的颜色来看看 with open("china.json", encoding="utf8") as data['features'][i]['properties']['color'] = ['red', 'blue', 'yellow', 'orange', 'gray', 'purple'][i % 6] 这也是 geopandas 官网上的经典图片，可以看到非常简单，除去 import 代码，仅仅三行，就完成了地图的绘制 下面我们继续绘制中国地图，这次我们加上九段线信息 china_nine = geopandas.read_file 下面我们继续绘制中国地图，使用一个高级 API plotly.express.choropleth_mapbox
7.7K20编辑于 2021-12-29 - 来自专栏编码视界
PySide6 GUI 编程（48）： 基于Matplotlib绘制函数曲线
numpy as np from matplotlib.backends.backend_qtagg import FigureCanvasQTAgg as FigureCanvas from PySide6. layout = QVBoxLayout() layout.addWidget(self.canvas) self.setLayout(layout) # 绘制函数曲线 值 x = [i[0] for i in points] # 计算 Y 值 y = [i[1] for i in points] # 绘制曲线 __init__() self.setWindowTitle("Matplotlib in PySide6") x = np.linspace(-10, 10, 1000 ax = plt.subplots() # 创建一个figure x = np.linspace(0, 2, 100) ax.plot(x, x, label = 'linear 线性') # 绘制图像
1.8K67编辑于 2024-11-29 - 来自专栏练小习的专栏
转一个css3绘制的iPhone6
css3绘制的iPhone6 <! box-shadow: inset #000 0 0 0 4px, #555 0px 0 3px 0px, #222 -3px 2px, #000 -5px 5px, #E0E0E0 -7px 6px 1px, #6D6D6D -7px 6px 9px; transform: translateZ(1px); } #front-cover { width: 344px; height: ; height: 6px; background: radial-gradient(#E1E4F5,#0D2B69 33%); background-position: -1px -1px left: 70px; } #bottom-speaker div { width: 8px; height: 8px; border-radius: 50%; background: #6C6D72
81780发布于 2017-12-29 - 来自专栏萝卜大杂烩
聊一聊我常用的6种绘制地图的方法
今天来讲一讲在日常工作生活中我常用的几种绘制地图的方法，下面我将介绍下面这些可视化库的地图绘制方法，当然绘制漂亮的可视化地图还有很多优秀的类库，没有办法一一列举 pyecharts、plotly、folium p.patches(xs='xs', ys='ys', source=geo_source) show(p) 我们通过 GEO 地理数据来绘制地图同样非常方便，但是地图看起来有一些单调，我们把不同的省份绘制成不同的颜色来看看 data['features'][i]['properties']['color'] = ['red', 'blue', 'yellow', 'orange', 'gray', 'purple'][i % 6] ，通过 Python 操作数据，然后在 Leaflet 地图中可视化，可以灵活的自定义绘制区域，并且展现形式更加多样化 首先是三行代码绘制世界地图 import folium # define the world map world_map = folium.Map() # display world map world_map 接下来绘制中国地图 # 绘制边界 import json df
5.2K20编辑于 2021-12-08 - 来自专栏404
在 Vue 中使用 g6 构建流程图绘制工具
g6 https://g6.antv.vision/zh G6 是一个简单、易用、完备的图可视化引擎，它在高定制能力的基础上，提供了一系列设计优雅、便于使用的图可视化解决方案。
2.2K20编辑于 2022-04-25 - 来自专栏Android知识点总结
Flutter 绘制探索 6 | 深入分析 CustomPaint 组件 | 七日打卡
绘制操作非常简单，画个小圆，和使用动画器绘制半径逐渐变化、颜色透明度逐渐减小的圆。 main(){ print('--0.clamp(3, 6):-------${0.clamp(3, 6)}-------'); print('--1.clamp(3, 6)-------${1 .clamp(3, 6)}-------'); print('--4.clamp(3, 6)-------${4.clamp(3, 6)}-------'); print('--7.clamp( 3, 6)-------${7.clamp(3, 6)}-------'); } 日志: --0.clamp(3, 6):-------3------- --1.clamp(3, 6)-------3 ------- --4.clamp(3, 6)-------4------- --7.clamp(3, 6)-------6------- 复制代码 ---- 这是当 child 为 null 时，如下
2.3K10发布于 2021-01-20 - 来自专栏韩曙亮的移动开发专栏
【OpenGL】十九、OpenGL 绘制模式 ( 绘制线框模式 | 绘制点模式 )
文章目录 一、绘制线框模式 二、绘制点模式 三、绘制点模式 ( 圆点 ) 四、相关资源 一、绘制线框模式 ---- 使用 glPolygonMode(GL_FRONT, GL_LINE) 设置当前的绘制模式是线框模式 (GL_TRIANGLES); // 绘制多个三角形 //glBegin(GL_TRIANGLE_STRIP); // 绘制 GL_TRIANGLE_STRIP 三角形 //glBegin (GL_TRIANGLE_FAN); // 绘制三角形扇 // 绘制多边形 glBegin(GL_POLYGON); // 1. ) 设置当前绘制模式绘制点 , 设置了该模式后 , 之后的所有图形都会变成点 ; // 设置点模式 // 设置了该模式后 , 之后的所有图形都会变成点 glPolygonMode(GL_FRONT (GL_TRIANGLE_FAN); // 绘制三角形扇 // 绘制多边形 glBegin(GL_POLYGON); // 1.
2.9K00编辑于 2023-03-28 - 来自专栏刘望舒
Android绘制优化（一）绘制性能分析
Android性能优化分为很多种，比较常用的有绘制优化、内存优化、耗电优化和稳定性优化等，这个系列我们就来学习性能优化中的绘制优化。 1.绘制原理 Android绘制View有三个主要的步骤，分别是measure、layout和draw。 View过度绘制，导致某些像素在同一帧时间内被绘制多次。 UI线程中做了稍微耗时的操作。 为了解决上述的问题，除了我们要在写代码时要注意外，也可以借助一些工具来分析和解决卡顿问题。 蓝色代表测量绘制的时间，也就是需要多长时间去创建和更新DisplayList。如果蓝色柱状图很高，可能是需要重新绘制，或者View的onDraw方法处理事情太多。 导致这一问题产生的原因主要是线程在绘制时，在很长一段时间都没有分配到CPU时间片，因此无法继续进行绘制。按m键来高亮该时间段，我们来查看CPU的情况，如下图所示。 ?
2.4K50发布于 2018-02-01 - 来自专栏码上积木
粗谈绘制任务和绘制流程
所以这里就是Activity显示界面所做的第一次绘制来源。 那后续界面上的元素改变带来的绘制呢？ If necessary, draw the fading edges and restore layers * 6. . // Step 6, draw decorations (foreground, scrollbars) onDrawForeground(canvas); 继续看draw(Canvas canvas)方法，注释还是比较清晰的，一共分为了六步： 1、绘制背景 2、保存图层信息 3、绘制内容（onDraw） 4、绘制children 5、绘制边缘 6、绘制装饰 参考 https://www.jianshu.com/p/e79a55c141d6 https://juejin.cn/post/6904518722564653070 感谢大家的阅读，有一起学习的小伙伴可以关注下公众号
1.1K20发布于 2021-04-30 - 来自专栏Android 进阶
绘制优化
过度绘制 说道绘制优化，免不了要谈一谈过度绘制，那什么是过度绘制呢 过度绘制（Overdraw）描述的是屏幕上的某个像素在同一帧的时间内被绘制了多次。 比如上面界面中的『调试 GPU 过度绘制 』的那个文本显示为蓝色，表示其过度绘制了一次，因为背景是白色的，然后文字是黑色的，导致文字所在的区域就会被绘制两次：一次是背景，一次是文字，所以就产生了过度重绘 - 蓝色：1 次过度绘制 - 绿色：2 次过度绘制 - 粉色：3 次过度绘制 - 红色：4 次及以上过度绘制 过度绘制的存在会导致界面显示时浪费不必要的资源去渲染看不见的背景，或者对某些像素区域多次绘制 为了提升用户体验，提升应用的流畅性，优化过度绘制的工作还是很有必要做的。 优化原则 一些过度绘制是无法避免的，比如之前说的文字和背景导致的过度绘制，这种是无法避免的。 这样一来，只有裁剪矩形内的界面需要绘制，自然就减少了抽屉布局的过度绘制。自定义控件时可以参照这个来优化过度绘制问题。
1.4K10发布于 2020-04-23 - 来自专栏往期博文
数学建模番外篇6：二维三维热力图绘制(matlab)
效果 虽然PPT可以绘制大多数的图像，但对于这类图像绘制，用PPT则会有些吃力，而在matlab中则能够比较方便的解决， 源码 先放源码，后面分析。
4.7K20编辑于 2022-06-14 - 来自专栏游戏开发之旅
UI绘制
/CJB_King/article/details/78690250 Unity中的UGUI对外还是很开放的，查看了MaskableGraphic类，发现UI的绘制都是继承自此类 ，然后在OnPopulateMesh方法中进行UI的绘制，要做自己的UI需要继承此类，然后重写OnPopulateMesh方法（这个方法有两个重载）；这里就重写OnPopulateMesh(VertexHelper vh)，运用VertexHelper 对象的AddUIVertexQuad方法绘制UI； 主要看下面的方法： private UIVertex[] GetQuad(Vector2 startPos
2.2K20发布于 2019-12-02 - 来自专栏写代码和思考
IOS开发 图形绘制，绘制线条，矩形，和垂直和居中绘制文字
绘制线 // 绘制直线 + (void)toDrawLineFromX:(CGFloat)x1 Y:(CGFloat)y1 toX:(CGFloat)x2 toY:(CGFloat)y2 context CGContextAddLineToPoint(con, x2, y2); CGContextSetLineWidth(con, 1); CGContextStrokePath(con); } 绘制矩形 //绘制矩形 ，fillColor填充色 + (void)toDrawRect:(CGRect)rectangle color:fillColor context:(CGContextRef)ctx{ 矩形边框颜色 [[UIColor whiteColor] setStroke]; //边框宽度 CGContextSetLineWidth(ctx,0); //绘制 ///绘制文字，rect1指定矩形，绘制文字在这个矩形水平和垂直居中 + (void)toDrawTextWithRect:(CGRect)rect1 str:(NSString*)str1 context
2.4K00发布于 2020-03-16 - 来自专栏数据 学术 商业 新闻
R-三维散点图绘制绘制
绘制箱子型box = TRUE;旋转角度为theta = 60, phi = 20;透视转换强度的值为3d=3;按照2D图绘制正常刻度ticktype = "detailed";散点图的颜色设置bg=" 这里我们将第四个变量划分成6类，使用颜色条图例进行展示。 library(tidyverse) iris = iris %>% mutate(quan = ntile(Petal.Width,6)) colormap <- colorRampPalette(rev TRUE, theta = 30, phi = 15, d=2, colkey = FALSE) ) breaks =1:6 legend=breaks,pch=21, pt.cex=rescale(breaks, c(.5, 4)),y.intersp=1.6, pt.bg = colormap[1:6]
3.3K11发布于 2021-02-22 - 来自专栏韩曙亮的移动开发专栏
【OpenGL】十一、OpenGL 绘制多个点 ( 绘制单个点 | 绘制多个点 )
文章目录 一、绘制单个点 二、绘制多个点 三、相关资源 在上一篇博客 【OpenGL】十、OpenGL 绘制点 ( 初始化 OpenGL 矩阵 | 设置投影矩阵 | 设置模型视图矩阵 | 绘制点 | 清除缓冲区 | 设置当前颜色值 | 设置点大小 | 绘制点 ) 中 , 讲解了绘制单个点的操作 , 本篇博客简单介绍下绘制多个点 ; 一、绘制单个点 ---- 绘制点时, 会将从 glBegin 到 glEnd 之间的所有的点都绘制出来 , 可以调用 glVertex3f 方法设置点 ; 设置了几个点 , 就会绘制几个点 , 如下代码中设置了一个点 , 那么就只绘制这一个点 ; // 绘制点时, 会将从 glBegin 到 glEnd 之间的所有的点都绘制出来 // 可以调用 glVertex3f 方法设置多个点 // 绘制点开始 glBegin ; // 绘制点时, 会将从 glBegin 到 glEnd 之间的所有的点都绘制出来 // 可以调用 glVertex3f 方法设置多个点 // 绘制点开始
2.1K00编辑于 2023-03-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号