可视化
文章平均质量分 75
viceen
这个作者很懒,什么都没留下…
展开
-
vue3中,echarts在柱形图上加基准线,自定义tooltip
echarts原创 2022-12-08 00:30:44 · 1145 阅读 · 0 评论 -
自定义柱状图-条状图——不同区间值,显示不同颜色
echarts原创 2022-12-08 00:29:26 · 438 阅读 · 0 评论 -
vue3中,echarts使用(四)02——柱状图之堆叠条形图-定制化 & 封装切换tag标签组件 & 封装title组件
echarts原创 2022-12-08 00:28:19 · 1648 阅读 · 1 评论 -
vue3中,echarts使用(四)01——柱状图之堆叠条形图-官网示例
echarts原创 2022-12-08 00:12:13 · 896 阅读 · 0 评论 -
vue3中,echarts使用(三)——柱状图之legend图例组件配置 & formatter自定义显示内容 & 封装title组件
echarts原创 2022-12-08 00:10:50 · 5168 阅读 · 0 评论 -
vue3中,echarts使用(二)——柱状图之滚动条设置dataZoom、基准线-平均值markLine & calc() 函数-用于动态计算长度值
echarts原创 2022-12-08 00:09:05 · 3117 阅读 · 0 评论 -
vue3中,echarts使用(一)——柱状图和折线图的结合使用
echarts原创 2022-12-08 00:06:20 · 3303 阅读 · 0 评论 -
echarts中y轴(yAxis)的参数配置项释义 & dataZoom滚动条参数释义
echarts原创 2022-12-08 00:04:53 · 11102 阅读 · 0 评论 -
echarts参数配置示例——legend图例属性设置 & tooltip之formatter自定义显示内容
echarts原创 2022-12-08 00:03:53 · 2741 阅读 · 0 评论 -
坐标的相关运算
gis原创 2022-12-02 23:42:18 · 156 阅读 · 0 评论 -
maptalks常见操作——图层置顶置底、添加清空图层、添加标注、切换底图、添加缩放工具、事件监听(点击面出弹框)、右键菜单、绘制mark、锁定视角
gis原创 2022-12-02 23:41:33 · 2111 阅读 · 0 评论 -
GIS工具maptalks开发手册(五)02-用JSON载入地图——json格式绘制多个面之全量工具版,包括-shape绘制、disable关闭、clear清空和图层之添加、移除、显示、隐藏
gis原创 2022-12-02 23:39:13 · 565 阅读 · 0 评论 -
GIS工具maptalks开发手册(五)01-用JSON载入地图——json格式绘制多个面之基础版
gis原创 2022-12-02 23:37:32 · 724 阅读 · 0 评论 -
GIS工具maptalks开发手册(四)02——渲染地图信息框之添加绘制工具 & 获取面的坐标数据信息框进行展示 & 渲染图片的两种方式
gis原创 2022-12-02 23:35:19 · 1028 阅读 · 0 评论 -
GIS工具maptalks开发手册(四)01——渲染地图信息框之添加绘制工具、获取点的坐标数据信息框进行展示
gis原创 2022-12-02 23:32:30 · 1641 阅读 · 2 评论 -
GIS工具maptalks开发手册(三)03——官网示例之添加图层和移除图层
gis原创 2022-12-02 23:20:47 · 655 阅读 · 0 评论 -
GIS工具maptalks开发手册(三)02——层级缩放工具
gis原创 2022-12-02 23:18:46 · 551 阅读 · 0 评论 -
GIS工具maptalks开发手册(三)01——绘制工具
gis原创 2022-12-02 23:17:41 · 630 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)03-02——示例之json格式添加绘制工具、渲染点、文字和多个面
gis原创 2022-12-01 23:10:06 · 566 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)03-01——示例之添加绘制工具、渲染文字和多个面
gis原创 2022-12-01 23:06:59 · 381 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)03——渲染面
gis原创 2022-12-01 23:05:19 · 469 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)02——渲染线
gis原创 2022-12-01 22:57:49 · 595 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)01-11——渲染文字及参数注释
gis原创 2022-12-01 22:55:54 · 432 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)01-02之GeoJSON转化为Geometry——渲染点
gis原创 2022-12-01 22:52:30 · 1462 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)01-01之Geometry转化为GeoJSON——渲染点
gis原创 2022-12-01 22:51:16 · 688 阅读 · 0 评论 -
GIS工具maptalks开发手册(二)01——渲染点、文字和图片
gis原创 2022-12-01 22:36:32 · 832 阅读 · 2 评论 -
GIS工具maptalks开发手册(一)——hello world初始化
gis原创 2022-12-01 22:30:06 · 2702 阅读 · 0 评论 -
Turf.js——用于地理空间分析的js库,处理各种地图算法
Turf.js——用于地理空间分析的js库,处理各种地图算法一、官网中文——https://turfjs.fenxianglu.cn/英文——https://turfjs.org/npm地址——https://www.npmjs.com/package/@turf/turf二、安装npm install @turf/turf三、引入全局引入import * as turf from '@turf/turf'使用<script src="libs/turf.min.js">原创 2022-04-11 09:23:45 · 4868 阅读 · 3 评论 -
vue中,应用mapbox地图(二)03-mapbox-gl 地图实例——标准步骤之3D立体效果-init方法
vue中,应用mapbox地图(二)03-mapbox-gl 地图实例——标准步骤之3D立体效果-init方法一、获取tokenmapbox官网注册账号个人中心account页面,获取accessToken二、安装并引入使用npm install --save mapbox-glmain.js页面 引入mapboxglimport mapBoxGl from 'mapbox-gl'Vue.prototype.mbgl = mapBoxGl页面<!-- 组件页面 -->&原创 2022-03-23 10:07:33 · 2708 阅读 · 0 评论 -
vue中,应用mapbox地图(二)02-mapbox-gl 地图实例——vue之基础版、加点
vue中,应用mapbox地图(二)02-mapbox-gl 地图实例——vue之基础版、加点1、基础版第一种方式:需main.js导入import mapBoxGl from 'mapbox-gl'Vue.prototype.mbgl = mapBoxGlmap/index.vue<!-- 组件页面 --><template> <div id="map"></div></template><script>原创 2022-03-23 10:05:42 · 2325 阅读 · 1 评论 -
vue中,应用mapbox地图(二)01-mapbox-gl 地图实例——html之基础版、加点
vue中,应用mapbox地图(二)01-mapbox-gl 地图实例——html之基础版、加点实例1-html基础版<!DOCTYPE html><html><head><meta charset="utf-8"><title>Display a map on a webpage</title><meta name="viewport" content="initial-scale=1,maximum-scale=原创 2022-03-23 10:04:31 · 987 阅读 · 0 评论 -
vue中,应用mapbox地图(一)——mapbox-gl地图设置中文是zh-Hans不是zh & accessToken-访问令牌 & 正确版本streets-v11
vue中,应用mapbox地图(一)——mapbox-gl地图设置中文是zh-Hans不是zh & accessToken-访问令牌 & 正确版本streets-v11Mapbox GL JS是一个JavaScript库,使用WebGL渲染交互式矢量瓦片地图和栅格瓦片地图。WebGL渲染意味着高性能,MapboxGL能够渲染大量的地图要素,拥有流畅的交互以及动画效果、可以显示立体地图并且支持移动端,是一款十分优秀的WEB GIS开发框架。1、开始开始之前你需要准备:An access原创 2022-03-23 09:59:09 · 8610 阅读 · 0 评论 -
vue中,应用mapbox地图——地图组件mapbox-gl和语言包@mapbox/mapbox-gl-language地图英文转中文& accesstokens-访问令牌&移动端地图-leaflet
vue中,应用mapbox地图——地图组件mapbox-gl和语言包@mapbox/mapbox-gl-language用于将地图上的英文转中文 & accesstokens-访问令牌 & 移动端地图-leafletmapbox-gl英文官网——https://www.mapbox.com/mapbox中文官网——http://www.mapbox.cn/mapbox-gl(github地址)——https://github.com/mapbox/mapbox-gl-jsmapbox原创 2022-03-23 09:40:18 · 1981 阅读 · 0 评论 -
HTML5游戏引擎(十七)-egret引擎实战——踩格子游戏
HTML5游戏引擎(十七)-egret引擎实战——踩格子游戏第六章 踩格子游戏逻辑分析游戏配置class GameData { private static score:number = 0; //分数 public static row:number = 4; //行数 public static column:number = 4; //列数 public static speed:number = 10; //移动速度 private stat原创 2021-12-11 00:56:13 · 373 阅读 · 0 评论 -
HTML5游戏引擎(十六)-屏幕适配——showAll模式 & noScale模式 & noBorder模式 & exactFit模式 & fixedWidth模式 & fixedHeight模式
HTML5游戏引擎(十六)-屏幕适配——showAll模式 & noScale模式 & noBorder模式 & exactFit模式 & fixedWidth模式 & fixedHeight模式 & fixedNarrow模式 & fixedWide模式屏幕适配根据不同的项目需求,可能需要不同的缩放模式。Egret 目前支持的模式有:showAll, noScale, noBorder, exactFit, fixedWidth, fixedH原创 2021-12-10 00:58:26 · 3127 阅读 · 0 评论 -
HTML5游戏引擎(十五)-时间控制——Timer计时器 & Ticker心跳-startTick-stopTick & 帧事件-ENTER_FRAME
HTML5游戏引擎(十五)-时间控制——Timer计时器 & Ticker心跳-startTick-stopTick & 帧事件-ENTER_FRAME时间控制Timer计时器假设有这样一个需求:游戏中设计一个倒计时功能,要求玩家在30秒内进行游戏操作,并达到一定要求方可过关。在这个需求中,需要一个倒计时功能,在Egret中提供了计时器 Timer 来实现类似功能。Timer 相关的有两个属性,三个方法和两个事件。两个属性是 delay 与 repeatCount ,分别表示每次原创 2021-12-10 00:21:08 · 3416 阅读 · 0 评论 -
HTML5游戏引擎(十四)-颜色效果——混合模式 & 滤镜 & 颜色矩阵滤镜 & 矩阵数据说明
HTML5游戏引擎(十四)-颜色效果——混合模式 & 滤镜 & 颜色矩阵滤镜 & 矩阵数据说明颜色效果混合模式混合模式是指同一个显示容器中的两个显示对象重叠时,重叠区域如何呈现的方式,也就是两个显示对象的重叠区域像素如何混合产生结果像素。覆盖混合覆盖混合,表示为”normal”,该显示对象出现在背景前面。显示对象的像素值将覆盖背景的像素值。在显示对象为透明的区域,背景是可见的。通常不设置混合模式,默认就是覆盖混合。设置图片为覆盖模式的代码:img.blendMode原创 2021-12-09 23:43:18 · 2725 阅读 · 0 评论 -
HTML5游戏引擎(十三)-位图纹理——资源配置 & 加载base64图片 & 九宫格 & 纹理的填充方式 & 纹理集的使用
HTML5游戏引擎(十三)-位图纹理——资源配置 & 加载base64图片 & 九宫格 & 纹理的填充方式 & 纹理集的使用位图纹理位图的使用需要纹理的支持,在Egret中,默认隐藏了纹理的操作,所有操作均针对于显示对象进行。但位图的显示依然基于纹理。在显示一张图片时, 需要使用 Bitmap 类,这是egret中的图片类,而纹理则来自于所加载的资源图片。通常情况下,用单张图片作为纹理,游戏中也会大量使用纹理集来进行渲染。使用 Bitmap 类创建图片对象,代码如下:原创 2021-12-08 23:58:53 · 828 阅读 · 0 评论 -
HTML5游戏引擎(十二)-发送http请求——GET 方法 & POST 方法 & 发送请求 & 发送带参数的请求 & 加载位图文件
HTML5游戏引擎(十二)-发送http请求——GET 方法 & POST 方法 & 发送请求 & 发送带参数的请求 & 加载位图文件发送http请求Egret 中封装了 XMLHttpRequest 进行异步的数据交互。GET 方法GET 方法是 HTTP 请求的默认方法,数据经过简单的编码发送出去,并作为 URL 的一部分发送到服务器。由于浏览器对 URL 长度的限制,提交的数据长度也有限制。POST 方法POST 方法克服了 GET 方法的一些缺点,可以发送原创 2021-12-08 23:40:12 · 1203 阅读 · 0 评论 -
HTML5游戏引擎(十一)-事件机制——事件处理机制 &事件的执行流程 & Event类-创建侦听器-注册侦听器与移除侦听器-检测侦听器-TouchEvent的启动开关 & 事件的优先级 & 触摸事件
HTML5游戏引擎(十一)-事件机制——事件处理机制 & 事件的执行流程 & Event类-创建侦听器-注册侦听器与移除侦听器-检测侦听器-TouchEvent的启动开关 & 事件的优先级 & 触摸事件事件机制事件处理机制Egret中的事件机制是一套业内标准的事件处理架构。所提供的事件模式也非常的清晰、强大和高效。在Egret中,事件模型定义了一套标准的生成和处理事件消息的方法,使程序中的对象可以相互交互,通信,保持自身状态和相应变化。简单的说,数据的提供者只管发出数原创 2021-12-08 23:24:11 · 1180 阅读 · 0 评论