目的：为了将一些数据点集数据展示到页面上，可以使用鼠标缩放和拖动；是不是有点抽象，那，可以想象一下百度/高德地图上的效果，绘制了一些地形和路标： - 拖动：可以查看相邻位置和更远位置的地形； - 缩放：可以更清晰的查看当前位置。当然了，我要做的并没有地图那么完美和复杂，但是麻雀虽小，该有的基本逻辑也都是有的，今下来，记录一下开发(研究)过程：【1】 绘制一个支持拖动的球 (gif图没录好，就先
转载
2023-11-27 15:54:31
120阅读
# 使用 Python 绘制有向无环图 (DAG)
## 引言
有向无环图（Directed Acyclic Graph，简称 DAG）在计算机科学中有着广泛的应用，比如任务调度、数据处理和版本控制等。在这篇文章中，我们将探讨如何使用 Python 绘制和表示 DAG。我们将先了解 DAG 的基本概念，然后使用 Python 中的库来实现我们的目标，最后通过类图和序列图来展示该过程。
##
原创
2024-08-15 08:14:30
171阅读
去年的8月13日，这个公众号推出了一篇使用 dot 语言绘制流程图的文章。如果有对它了解的读者可能会发现，dot 语言在绘制复杂的流程图的时候语法非常复杂，且需要在程序中进行精心的设置才能保证输出的流程图比较美观，各种组件之间的布局比较合理。此外，dot 语言在绘制时序图、状态图、类图等 UML 图的时候更会耗费极大的精力且结果不是很如人意。从今天开始，将利用两期的文章介绍另外一种功能强大的UML
类的基本概念类是现实世界抽象为数据集合的一种表达工具，在程序中我们把类作为数据、及数据操作的容器，是一种自定义数据类型。 类具有类型本身的属性，也具有实例属性。类变量和实例变量都叫成员变量 ，类变量也叫静态成员变量(static修饰符标志)；类方法和实例方法都叫成员方法，类方法也叫静态方法(static修饰符标志)。实例也是实际的例子，类似“int a”咱们就叫做变量a是类
一个框架想要能支撑较大的应用，首先要考虑怎么做模块化。有了内核和模块加载系统，外围的模块就可以一个一个增加。不同的JavaScript框架，实现模块化方式各有不同，我们来选择一种比较优雅的方式作个讲解。
1. 模块的定义和加载1.1 模块的定义一个框架想要能支撑较大的应用，首先要考虑怎么做模块化。有了内核和模块加载系统，外围的模块就可以一个一个增加。不同
数据可以帮助我们描述这个世界、阐释自己的想法和展示自己的成果，但如果只有单调乏味的文本和数字，我们却往往能难抓住观众的眼球。而很多时候，一张漂亮的可视化图表就足以胜过千言万语。本文将介绍 5 种基于 Plotly 的可视化方法，你会发现，原来可视化不仅可用直方图和箱形图，还能做得如此动态好看甚至可交互。对数据科学家来说，讲故事是一个至关重要的技能。为了表达我们的思想并且说服别人，我们需要有效的沟通
这几天真心为了学习dagger2花费了很多精力，对于什么@Scope、@Provides、@Component、@Module、@Named之类的关键字还比较好理解，其实关于编译后的dagger源码也都比较好理解，也正是因为读dagger2编译源码知道dagger2不是基于反射来实现的依赖注入，而是通过apt包生成对应工厂类来实现依赖注入。既然这些都知道了按理说使用dagger2应该不是什么难题了
转载
2024-01-10 17:56:05
121阅读
# JavaScript绘制扇形：基础与实践
在网页设计中，使用JavaScript进行图形绘制是一种常见的需求，尤其是在需要动态展示数据或创建交互式图表时。本文将介绍如何使用JavaScript和HTML5的``元素来绘制扇形，一种常见的图形元素。
## 什么是扇形？
扇形是圆的一部分，由圆心、两条半径和圆上的一个弧所围成的区域。在JavaScript中，我们可以使用`arc()`方法来绘
原创
2024-07-27 05:27:00
186阅读
项目中有报表图形化的需求， 于是开始在网上找第三方chart控件。因时间紧迫，在CSDN中搜了几轮后大至确定了几个候选：一、Office带的OWC控件；二、ComponentOne；三、Web Chart。OWC似乎使用者居多，但看见有网友在帖中抱怨OWC在使用时需要许可证书，于是将其排除，我可不想BOSS在看报表时弹出一个“没有许可证书”的窗口。接着找到了ComponentOne的
转载
2024-07-18 14:00:18
60阅读
# JavaScript 表格绘制的基本概念与实践
在现代Web开发中，表格是一种非常常用的数据展示方式。它不仅能够呈现大量信息，还能通过交互提升用户体验。本文将介绍如何使用JavaScript绘制动态表格，并且提供相关的代码示例，以便读者能够深入理解这一技术。
## 什么是表格?
表格通常是以行和列的形式组织数据的元素。它可以是静态的，比如在HTML中使用``标签构建，也可以是动态的，通过
在现代Web开发中，利用JavaScript绘制图形是常见的需求。其中，绘制圆形图形是基础且重要的功能。本文将围绕实现“JavaScript 绘制 圆”的过程，从环境准备到错误排查进行详细阐述。
## 环境准备
为成功实现JavaScript绘制圆的功能，确保你的开发环境如下：
- **前置依赖安装**
- 确保浏览器支持HTML5和JavaScript。
- 如需使用Node.js
<html>
<head>
<title>
javascript绘图</title>
</head>
<body>
<table border="0" width="100%">
<tr>
<td width="100%" style="font-family: 方正舒体; font-s
转载
2023-07-02 22:50:55
83阅读
前言 DAG是有向无环图（Directed Acyclic Graph）的简称。在大数据处理中，DAG计算常常指的是将计算任务在内部分解成为若干个子任务，将这些子任务之间的逻辑关系或顺序构建成DAG（有向无环图）结构。X6在DAG图中的实践X6 是一款开源的图编辑引擎，vue3.x+vite2.x是目前较火的前端开发组合，现在
转载
2023-10-07 22:46:21
874阅读
首先，介绍一下我的安装环境是windows10 64位, python3.6）使用cmd或anaconda prompt（以管理员身份运行）
第一步：安装python,官网是https://www.python.org/，进入官网之后，选择你需要的python版本进行下载，步骤如下：
（不知道咋回事不能上传图片，可能我还没掌握这个技能，所以
转载
2023-08-06 13:43:57
52阅读
1.概念： 在图论中，如果一个有向图无法从某个顶点出发经过若干条边回到该点，则这个图是一个有向无环图（DAG Directed Acyclic Graph）
转载
2020-01-10 14:28:00
157阅读
2评论
第1章 基础介绍1.1简介1.2 什么是DAG1.3 Hystrix第2章 DAG-FLOW介绍2.1基础模块介绍2.2基础流程介绍 基础介绍简介DAG即Directed Acyclic Graph,有向无环图的意思，DAG调度的目的就是把一个作业分
转载
2024-01-24 13:11:01
73阅读
Canvas 绘图基本语法要使用 Canvas绘图 必须要定义宽度和高度，指定绘图区域的大小<canvas id="drawing" width="200" height="200">A drawing of something .</canvas>要在Canvas这块画布上画图，需要先获取绘图的上下文var drawing = document.getElementByI
转载
2023-09-01 23:54:34
104阅读
网页中的注册都需要进行验证，来判断我们输入的格式是否是服务器要求的格式，如果能在服务器进行验证之前，先把一大部分输入格式不是所要求的给筛选掉，那么就会大大的减轻服务器的压力。这就需要用到客户端验证，我们使用Js来演示。 当我们注册网易的时候如果什么都没填，就会出现上边的提示，这种效果是如何做到的呢？ 首先写如下代码，做出个form表单 效果如下： 下面
转载
2023-07-24 23:01:18
0阅读
# 利用 JavaScript 绘制地图与甘特图
在现代Web开发中，JavaScript是构建交互式应用和动态可视化图表的关键技术之一。对于需要地图和时间调度功能的应用，结合JavaScript绘制地图和甘特图会是一个优雅的解决方案。在本文中，我们将探讨如何使用 JavaScript 构建地图和甘特图，同时给出具体的代码示例。
## 一、如何绘制地图
首先，我们将使用 `Leaflet`库
# 使用 JavaScript 绘制网页图表
在现代网页开发中，图表和数据可视化成为了展示信息的有效工具。尤其是饼状图，能够清晰地体现部分与整体之间的关系。在本文中，我们将探讨如何使用 JavaScript 通过简单的 API 请求来创建一个饼状图，同时展示流程和代码示例。
## 准备工作
在开始之前，你需要准备一个基本的 HTML 文件，并在文件中引入所需的 JavaScript 库。本例
