自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 d3js学习——8.绘制折线图

3.添加一个群组,并加入transform属性。svg 中的原点(0,0)位于左上角。1.先写一个svg标签,定好宽和高。是时间比例尺,刻度可以是年、月、日。7.绘制折线——添加一些样式信息。2.定义一个数据集合和一些变量。// 设置SVG容器和边距。4.设置x,y的比例尺。// 设置x和y比例尺。// 创建折线生成器。// 绘制x轴和y轴。

2023-07-14 15:17:43 455

原创 d3js学习——7.绘制图形

条形图使用d3js绘制条形图的步骤:1.条形图的样式svg rect { fill: gray;}svg text { fill: yellow; font: 12px sans-serif; /* 将文本定位到条的右端 */ text-anchor: end;}2.设置变量值const data = [10, 20, 23, 14];//定义 svg的宽度、缩放到屏幕上可见的像素值、水平条的静态高度const width = 500, scaleF

2023-07-14 10:17:46 347

原创 d3js学习——6.过渡和动画

方法(需要在transition之前调用),还提供了特定于转换的方法——:可以用于所有选择器,并启动转换过程,支持大多选择方法——过渡:让项目从一个状态转换到另一个状态。——支持的插值类型:数值,颜色,字符串。方法允许再一段时间之后进行转换。D3内部插值方法——

2023-07-13 16:00:42 101

原创 d3js学习——svg的转换

单独管理转换的库——d3Transform。svg 引入了一个新属性,使用d3js创建svg。

2023-07-13 15:59:36 222

原创 d3js学习——4.svg

SVG 代表 scalable vector graphics,是一种基于 XML 的矢量图形格式,提供了绘制不同形状的选项:直线、矩形、圆形、椭圆等。svg 格式的默认单位的 Pixel.

2023-07-13 15:58:46 90

原创 d3js学习——3.数据连接

数据连接的主要目的是:使用给定的数据集映射现有文档的元素。它根据给定的数据集创建文档的虚拟表示,并提供使用虚拟表示的方法。

2023-07-13 15:57:44 48

原创 d3js——2.选择元素的方法

将新元素作为当前选择中元素的最后一个子元素附加。此方法还可以修改元素的样式、属性、HTML和文本内容。:通过匹配给定的 CSS 选择器,仅选择一个 DOM 元素。如果有多个则选择第一个。:通过匹配给定的 CSS 选择器来选择所有 DOM 元素。:专门用于设置html元素的 class 属性。:用于设置所选/附加元素的html内容。:用于添加或者更新所选元素的属性。:用于设置所选/附加元素的内容。:设置所选元素的样式属性。

2023-07-13 15:56:04 105

原创 d3js使用——1.引入

【代码】d3js使用——1.引入。

2023-07-13 15:53:42 195

原创 Vue中的main.js文件引入css文件发生错误

源代码:import Vue from 'vue'import App from './App.vue'import './assets/css/reset'Vue.config.productionTip = falsenew Vue({ render: h => h(App),}).$mount('#app')错误截图找了网上很多帖子,并不能解决问题,最后的解决办法是在引入文件后面加.css后缀如下---import Vue from 'vue'..

2021-10-06 19:42:16 1623

原创 Java方法

1.方法是什么Java方法是语句的集合,它们在一起执行一个功能方法是解决一类问题的步骤的有序集合方法包含于类或者对象中方法在程序中被创建,在其它地方被引用设计方法的原则一个方法只完成一个功能(有利于后期的拓展)2.方法的定义及调用2.1方法的定义方法的是一段用来完成特定功能的代码片段方法包含一个方法头和一个方法体修饰符修饰符是可选的告诉编译器如何调用该方法定义了方法的访问类型返回值类型没有返回值的时候,类型为void方法名是方法的实

2021-08-08 18:32:16 51

原创 Java流程控制

文章目录1.用户交互Scanner2.顺序结构3.选择结构4.循环结构5.break & continue1.用户交互Scanner​ 我们可以通过Scanner类来获取用户的输入,通过Scanner类的**next()与nextLine()方法来获取输入的字符串,在读取之前,使用hasNext()**和hasNextLine()判断是否还有输入的数据​ 基本语法:Scanner s = new Scanner(System.in);​ 使用举例:package com.hyy.

2021-08-05 18:06:57 44

原创 Java基础

1.注释三种注释单行注释//打印hello worldSystem.out.printf("hello world");多行注释/*打印hello world*/System.out.printf("hello world");文档注释/*** @Author 作者* @version 版本号* @since 指明需要最早使用的jkd版本* @param 参数名* @return 返回值请看看* @throws 异常抛出情况*/2.标识符​ 类名、

2021-07-29 18:55:41 49

原创 Java入门

JDK的删除删除Java安装目录删除Java的环境变量在命令行输入java -version没有响应,说明删除成功JDK的安装百度搜索JDK8,找到下载地址同意协议,下载电脑对应版本双击安装记住安装的路径配置环境变量命令行输入java -version检查安装是否成功Hello World新建文件夹,存放代码新建java文件,文件后缀名为**.java**编写代码public class Hello{ public static void main

2021-07-29 11:46:41 38

原创 电脑快捷键使用

常用的快捷键Ctrl + C :复制Ctrl + V :粘贴Ctrl + A:全选Ctrl + X:剪切Ctrl + Z:撤销Ctrl + S:保存Shift + Delete:永久删除文件Alt + F4:关闭窗口或网页Windows + R:打开运行,输入cmd后打开命令行窗口Windows + E:打开“我的电脑”Ctrl + Shift + Esc:打开任务管理器Windows + Tab:切换应用程序...

2021-07-12 18:46:54 47

原创 Markdown使用教程

Markdown使用教程下载具体使用功能快捷键标题文本的样式插入链接与图片如何插入一段漂亮的代码片生成列表创建表格设定内容居中、居左、居右SmartyPants创建自定义列表创建注脚注释KaTeX数学公式甘特图功能UML 图表FLowchart流程图导出与导入导出导入下载typora官网地址或者使用镜像地址在这具体使用功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:C

2021-07-12 18:08:01 131

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除