当前位置： 首页 > news >正文

【vue-echarts】——05.柱状图

news 2026/4/4 2:53:07

文章目录

  • 一、柱状图基本设置
    • 1.实现代码
    • 2.结果展示
  • 二、柱状图效果实现1
    • 1.代码实现
    • 2.结果展示
  • 三、柱状图效果实现2
    • 1.代码实现
    • 2.结果展示

一、柱状图基本设置

柱状图：一种图表类型,因为构成是由一根一根类似柱子的数据条组合而成的坐标平面,所以命名为柱状 图。主要是用来反应对比数据之间的关系,也可以用来反应数据的变化趋势等等。

1.实现代码

代码如下

<template><div class="about"

相关文章：

【vue-echarts】——05.柱状图

文章目录 一、柱状图基本设置1.实现代码2.结果展示二、柱状图效果实现11.代码实现2.结果展示三、柱状图效果实现21.代码实现2.结果展示一、柱状图基本设置 柱状图：一种图表类型,因为构成是由一根一根类似柱子的数据条组合而成的坐标平面,所以命名为柱状 图。主要是用来反应对…...

编程日记 2025/3/3 8:44:02

【C】链式二叉树算法题1 -- 单值二叉树

leetcode链接https://leetcode.cn/problems/univalued-binary-tree/description/ 1 题目描述 如果二叉树每个节点都具有相同的值&#xff0c;那么该二叉树就是单值二叉树。只有给定的树是单值二叉树时&#xff0c;才返回 true&#xff1b;否则返回 false。 示例 1&#xff1…...

编程日记 2025/3/3 8:43:01

C++11——智能指针和function库

目录 一、智能指针 1. std::unique_ptr&#xff08;独占所有权指针&#xff09; 2. std::shared_ptr&#xff08;共享所有权指针&#xff09; 3. std::weak_ptr&#xff08;弱引用指针&#xff09; 关键区别总结 最佳实践 基本用法 可封装的对象类型 核心特性 示例代码…...

编程日记 2025/3/3 8:40:58

[操作系统] 文件的软链接和硬链接

文章目录 引言硬链接&#xff08;Hard Link&#xff09;什么是硬链接&#xff1f;硬链接的特性硬链接的用途 软链接&#xff08;Symbolic Link&#xff09;什么是软链接&#xff1f;软链接的特性软链接的用途 软硬链接对比文件的时间戳实际应用示例使用硬链接节省备份空间用软链…...

编程日记 2025/3/3 8:39:57

RabbitMQ面试题及原理

RabbitMQ使用场景&#xff1a; 异步发送&#xff08;验证码、短信、邮件…&#xff09;MYSQL和Redis, ES之间的数据同步分布式事务削峰填谷 1. 消息可靠性&#xff08;不丢失&#xff09; 消息丢失场景&#xff1a; RabbitMQ-如何保证消息不丟失&#xff1f; 开启生产者确…...

编程日记 2025/3/3 8:38:56

SpringBoot中Get请求和POST请求接收参数详解

1、Get请求 1.1 方法形参接收参数 这种方式一般适用参数比较少的情况&#xff0c;并且前后端参数名称必须保持一致 RestController RequestMapping(“/user”) Slf4j public class DemoController { GetMapping("/query") public void getStudent(String name,Strin…...

编程日记 2025/3/3 8:36:54

分布式日志和责任链路

目录 日志问题 责任链问题 分布式日志 GrayLog简介 部署安装 收集日志 配置Inputs 集成微服务 日志回收策略 搜索语法 搜索语法 自定义展示字段 日志统计仪表盘 创建仪表盘 链路追踪 APM 什么是APM 原理 技术选型 Skywalking简介 部署安装 微服务探针 整合…...

编程日记 2025/3/3 8:33:51

h5 IOS端渐变的兼容问题 渐变实现弧形效果

IOS端使用渐变的时候有兼容问题 以下是问题效果&#xff0c;图中黑色部分期望的效果应该是白色的。但是ios端是下面的样子…… 安卓pc 支持&#xff1a; background-image: radial-gradient(circle 40rpx at 100% 0, #f3630c 40rpx, rgb(255, 255, 255) 50%);安卓pc ios支持…...

编程日记 2025/3/3 8:31:49

哈希算法--猜数字游戏

1.题目要求 输入两个位数相同的数&#xff0c;判断对应位置的数字是否相等&#xff0c;返回两个数。第一个数是数字和位置完全猜对的数字个数&#xff0c;第二个数是数字大小猜对但位置不对的数字个数 2.逐步编程 2.1 定义函数 def g(secret,guess):sec_dic{}gue_dic{}# 定义…...

编程日记 2025/3/3 8:30:48

idea生成自定义Maven原型(archetype)项目工程模板

一、什么是Maven原型&#xff08;Maven archetype&#xff09; 引自官网的介绍如下&#xff1a; Maven原型插件官网地址 这里采用DeepSeek助手翻译如下&#xff1a; Maven 原型 什么是原型&#xff1f; 简而言之&#xff0c;原型是一个 Maven 项目模板工具包。原型被定义为一…...

编程日记 2025/3/3 8:29:47

Redis面试常见问题——使用场景问题

目录 Redis面试常见问题 如果发生了缓存穿透、击穿、雪崩&#xff0c;该如何解决&#xff1f; 缓存穿透 什么是布隆过滤器&#xff1f; 缓存击穿 缓存雪崩 双写一致性&#xff08;redis做为缓存&#xff0c;mysql的数据如何与redis进行同步呢&#xff1f;&#xff09; …...

编程日记 2025/3/3 8:20:39

样式和ui(待更新）

element-plus 先在项目下执行安装语句执行按需导入的命令按照官方文档修改vitest.json sass样式定制 npm -i sass -D在项目下准备定制的样式文件 styles/element/index.scss(!注意这里是.scss文件在vitest.json 修改配置文件 Components({resolvers: [ElementPlusResolver(…...

编程日记 2025/3/3 8:19:38

大摩闭门会：250228 学习总结报告

如果图片分辨率不足&#xff0c;可右键图片在新标签打开图片或者下载末尾源文件进行查看 本文只是针对视频做相应学术记录&#xff0c;进行学习讨论使用...

编程日记 2025/3/3 8:18:37

线程（Thread）

一、概念 线程&#xff1a;线程是一个轻量级的进程 二、线程的创建 1、线程的空间 &#xff08;1&#xff09;进程的空间包括&#xff1a;系统数据段、数据段、文本段 &#xff08;2&#xff09; 线程位于进程空间内部 &#xff08;3&#xff09; 栈区独享、与进程共享文本段、…...

编程日记 2025/3/3 8:13:32

AI军备竞赛2025：GPT-4.5的“情商革命”、文心4.5的开源突围与Trae的代码革命

AI军备竞赛2025&#xff1a;GPT-4.5的“情商革命”、文心4.5的开源突围与Trae的代码革命 ——一场重塑人类认知边界的技术战争 一、OpenAI的“感性觉醒”&#xff1a;GPT-4.5的颠覆与争议 1.1 从“冷面学霸”到“温柔导师”&#xff1a;AI的情商跃迁 当用户输入“朋友放鸽子&…...

编程日记 2025/3/3 8:12:30

DeepSeek + 自由职业 发现新大陆，从 0 到 1 全流程跑通商业 IP

DeepSeek 自由职业 发现新大陆&#xff0c;从 0 到 1 全流程跑通商业 IP 商业定位1. 商业定位分析提示词2. 私域引流策略提示词3. 变现模型计算器提示词4. 对标账号分析提示词5. 商业IP人设打造提示词6. 内容选题策略提示词7. 用户人群链分析提示词8. 内容布局与转化路径设计提…...

编程日记 2025/3/3 8:07:24

Java进阶——常用工具类

日常开发中&#xff0c;Arrays、Collections 和 Objects 是非常实用的工具类&#xff0c;提供了丰富的功能&#xff0c;从而可以更高效地处理数组、集合和对象。本文将详细介绍这三个工具类的重要知识细节。 本文目录 一、 Arrays数组转集合并行排序优化Stream 支持 二、 Colle…...

编程日记 2025/3/3 8:05:20

【考试大纲】高级系统架构设计师考试大纲

目录 引言一、 考试说明1．考试目标2．考试要求3．考试科目设置二、 考试范围考试科目1：系统架构设计综合知识考试科目2:系统架构设计案例分析考试科目3:系统架构设计论文引言 最新的系统架构设计师考试大纲出版于 2022 年 11 月，本考试大纲基于此版本整理。 一、 考试说明…...

编程日记 2025/3/3 8:03:18

上位机知识篇---四种CPU架构交叉编译

文章目录 前言一、四种 CPU 架构1. x86/x86_64指令集位宽&#xff1a;应用场景编译工具 2. ARM指令集位宽&#xff1a;应用场景编译工具 3. MIPS指令集位宽应用场景编译工具 4. RISC-V指令集位宽应用场景编译工具 二、交叉编译1. 什么是交叉编译&#xff1f;定义应用场景 2. 交…...

编程日记 2025/3/3 8:02:17

隐式转换为什么导致索引失效

SELECT * FROM users WHERE id 123;这条语句失效的原因就是id是int类型的主键&#xff0c;比较的时候把id从int转化为字符串来比较了&#xff0c;而字符串的比较规则和int的比较规则明显不同&#xff0c;字符串是字典序比较的&#xff0c;还涉及到数据的长度&#xff0c;那为什…...

编程日记 2025/3/3 8:01:15

glm-5-free不输付费版！DMXAPIAI模型聚合平台，如何调用免费大模型API？

中关村论坛发布AutoGLM 沉思智能体&#xff0c;具备深度研究与电脑操作双重能力&#xff0c;GLM-5.1 编程能力与全球顶尖模型 Claude Opus 4.6 差距仅2.6 分&#xff0c;整体呈现技术迭代、商业化与资本市场的全面提速态势。智谱AI正式推出GLM-5-free开源模型&#xff0c;凭借与…...

编程新知 2026/4/4 2:07:08

c++编程：说反话（1009-PAT乙级）

1009&#xff1a;说反话cin >> 读取字符串时不能读取空格string s; cin >> s; // 输入 "hello world" cout << s; // 输出 "hello"&#xff08;空格后面的被丢弃&#xff09;如何读取带空格的整行&#xff1f;getline()str…...

编程新知 2026/4/4 2:03:07

告别魔法！Gemini 3.1 Pro 国内稳定API使用教程（开发者+普通用户双版）

一、开篇&#xff1a;Gemini 3.1 Pro 到底强在哪&#xff1f; Gemini 3.1 Pro 推理能力直接翻倍&#xff0c;彻底解决了AI行业“快则不精、精则太贵”的痛点。 不管你是开发者想对接API&#xff0c;还是普通用户想低成本体验超强推理模型&#xff0c;这篇文章都给你一套清晰、…...

编程新知 2026/4/4 1:56:53

前端高级质感按钮复用指南

前端高级质感按钮复用指南为解决项目中按钮样式混乱、交互手感不一致的问题&#xff0c;我们沉淀了这套克制型高级质感按钮可复用方案。 它兼顾了高级视觉层次与真实物理交互手感&#xff0c;无需复杂定制即可快速在项目中落地&#xff0c;尤其适合顶部 Tab、筛选切换、状态标签…...

编程新知 2026/4/4 1:40:43

SpringBoot 数据库连接池配置（HikariCP）最佳实践

在 SpringBoot 里&#xff0c;数据库连接池早就不是可选项&#xff0c;从 2.x 版本开始&#xff0c;SpringBoot 已经把 HikariCP 设为默认连接池&#xff0c;它以“极快、轻量、稳定”著称&#xff0c;也是目前线上最主流的选择。本篇文章就来讲讲HikarcCP的配置参数、调优思路…...

编程新知 2026/4/4 1:18:26

基于深度学习的车牌识别系统(YOLO12/11/v8/v5模型+django)(源码+lw+部署文档+讲解等)

摘要随着智能交通系统的迅猛发展&#xff0c;车牌识别技术在交通管理、停车场管理和公共安全等领域的应用愈加广泛。传统的车牌识别方法多依赖于图像处理技术&#xff0c;无法有效应对复杂环境下的车牌识别任务。为了解决这一问题&#xff0c;本文提出了一种基于深度学习的车牌…...

编程新知 2026/4/3 23:24:50

基于深度学习的水下海洋生物识别(YOLOv12/v11/v8/v5模型+数据集)(源码+lw+部署文档+讲解等)

摘要随着全球海洋生态环境的变化&#xff0c;水下海洋生物的监测与识别变得日益重要。基于深度学习的水下生物识别技术&#xff0c;尤其是YOLO&#xff08;You Only Look Once&#xff09;系列目标检测模型&#xff0c;因其高效性和准确性而受到广泛关注。本文提出了一种基于YO…...

编程新知 2026/4/3 23:24:50

QuiX公司取得光子量子计算纠错重大突破

QuiX Quantum公司周四宣布&#xff0c;该公司已成功演示了光子量子计算机中首个低于阈值的错误缓解技术&#xff0c;这一突破被认为有助于实现可扩展的容错量子系统。QuiX表示&#xff0c;其方法将物理量子比特的错误率降低到与大规模量子计算兼容的水平。这些研究结果是在QuiX…...

编程新知 2026/4/3 23:06:43

SEO_中小企业如何低成本做好SEO？实用方案分享

为什么中小企业需要关注SEO 在当今数字化经济时代&#xff0c;中小企业如果想要在竞争激烈的市场中脱颖而出&#xff0c;关注SEO&#xff08;搜索引擎优化&#xff09;是必不可少的。SEO不仅能够提升网站的搜索引擎排名&#xff0c;还能有效带来更多的潜在客户。许多中小企业在…...

编程新知 2026/4/3 20:49:33

2026年社会学论文降AI率工具推荐：田野调查和访谈记录部分

2026年社会学论文降AI率工具推荐&#xff1a;田野调查和访谈记录部分 同学群里有人问社会学论文降AI工具推荐&#xff0c;我发现自己每次回答都差不多——嘎嘎降AI。干脆写一篇详细的推荐文章&#xff0c;省得每次重复。 直接结论&#xff1a;嘎嘎降AI&#xff08;www.aigcle…...

编程新知 2026/4/3 20:39:31