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

Flourish笔记：柱状图（Column chart (grouped)）

news 2026/2/10 2:33:40

在这里插入图片描述

文章目录

  • 样式设定
    • Chart Type：图表类型
    • Controls & Filters：展示方式
    • Colors：颜色
    • bars：柱子的调整
    • labels：柱子数字标注
    • X axis：横坐标标签
    • Y axis：纵坐标标签
    • Plot Background
    • Number Formating
    • Legend
    • Popups&Panels
    • Annotations
    • Animations
    • Layout
  • Header

样式设定

Chart Type：图表类型

  • grid mode（网格模式）
    single chart（单个表）
    在这里插入图片描述
    grid charts
    在这里插入图片描述
  • Hight Mode 调整图表高度
    strandard
    在这里插入图片描述
    Aspect Ratio
    在这里插入图片描述
  • Sort Mode
    Data Sheet:如上图，从大到小排
    Value：从小到大排
    在这里插入图片描述
    Label：按照首字母
    在这里插入图片描述

Controls & Filters：展示方式

  • Series Filter
    Off:如上图
    Single Select:选择一个种类展示
    在这里插入图片描述
    Multi Select：可以从0开始逐渐添加
    在这里插入图片描述

Colors：颜色

  • color mode
    by column:每一个指标一个颜色
    by row：每个组一个颜色
    在这里插入图片描述
  • plaette
    换配色类型
    在这里插入图片描述

bars：柱子的调整

  • bar opacity
    颜色的深浅
  • Spacing(main)
    不同组间的间距
  • Spacing(in group)
    组内的间距大小
  • outline
    柱有没有描边

labels：柱子数字标注

柱子顶端有没有数字
在这里插入图片描述

  • bar label alignment
    数据标注的位置
  • padding
    上下平移一些距离
  • text color
    auto自动
    matchdata与数据颜色一致
    contrast增加对比度
    fixed统一配色
  • weight
    粗细
  • size
    字体大小
  • outline
    字底有没有颜色衬托
  • label content
    标签标什么内容

X axis：横坐标标签

  • position
    横坐标标签位置：上中下

  • axis title
    底部标签题目
    在这里插入图片描述

  • Ticks & labels
    底部标签位置：中间斜着、偏左、偏右
    在这里插入图片描述

styling可以调整风格

  • Gridlines
    要不要网格线

Y axis：纵坐标标签

  • Axis visible/hidden
    是否展示纵坐标

  • SCALE MIN/MAX
    最小值最大值（是否反转）

  • axis title
    纵坐标title
    在这里插入图片描述

  • Ticks & labels
    纵坐标位置

  • Gridlines
    是否有纵线，粗细等调整

Plot Background

是否有背景
在这里插入图片描述

Number Formating

  • Number styling (Values)
    prefix：纵坐标之前添加内容
    suffix：纵坐标之后添加内容
    在这里插入图片描述

Legend

左上角表不表明类型
在这里插入图片描述

Popups&Panels

弹出窗口

Annotations

注释

Animations

动画

Layout

  • Main Font
    字体
    在这里插入图片描述

  • Maximun Width
    整个表最大宽度
    在这里插入图片描述

Header

头部标题

  • Border：有无分割线
  • Logo/Image：加入图片或者logo
    在这里插入图片描述

相关文章：

Flourish笔记：柱状图（Column chart (grouped)）

文章目录 样式设定Chart Type：图表类型Controls & Filters：展示方式Colors：颜色bars：柱子的调整labels：柱子数字标注X axis：横坐标标签Y axis：纵坐标标签Plot BackgroundNumber FormatingLe…...

编程日记 2024/12/11 17:08:41

深度学习案例：DenseNet + SE-Net

本文为为🔗365天深度学习训练营内部文章 原作者：K同学啊 一 回顾DenseNet算法 DenseNet（Densely Connected Convolutional Networks）是一种深度卷积神经网络架构，提出的核心思想是通过在每一层与前面所有层进行直接连接…...

编程日记 2024/12/11 17:07:40

excel文件合并，每个excel名称插入excel列

import pandas as pd import os # 设置文件夹路径 folder_path rC:\test # 替换为您的下载文件夹路径 output_file os.path.join(folder_path, BOM材料.xlsx) # 创建一个空的 DataFrame 用于存储合并的数据 combined_data pd.DataFrame() # 遍历文件夹中的所有文件 for …...

编程日记 2024/12/11 17:05:38

Linux 如何设置特殊权限?

简介 通过使用 setuid、setgid 、sticky，它们是 Linux 中的特殊权限，可以对文件和目录的访问和执行方式提供额外的控制。 命令八进制数字功能setuid4当执行文件时，它以文件所有者的权限运行，而不是执行它的用户的权限运行。setg…...

编程日记 2024/12/11 16:56:28

零基础如何使用ChatGPT快速学习Python

引言 AI编程时代来临，没有编程基础可以快速上车享受时代的红利吗？答案是肯定的。本文旨在介绍零基础如何利用ChatGPT快速学习Python编程语言，开启AI编程之路。解决的问题包括：传统学习方式效率低、缺乏互动性以及学习资源质量参差…...

编程日记 2024/12/11 16:46:19

【开源】一款基于SpringBoot 的全开源充电桩平台

一、下载项目文件 下载源码项目文件口令：动作璆璜量子屏多好/~d1b8356ox2~:/复制口令后，进入夸克网盘app即可保存（如果复制到夸克app没有跳转资源，可以复制粘贴口令到夸克app的搜索框也可以打开（不用点搜索按钮&#…...

编程日记 2024/12/11 16:39:11

AI - RAG中的状态化管理聊天记录

AI - RAG中的状态化管理聊天记录 大家好，今天我们来聊聊LangChain和LLM中一个重要的话题——状态化管理聊天记录。在使用大语言模型(LLM)的时候，聊天记录（History）和状态（State）管理是非常关键的。那我们先…...

编程日记 2024/12/11 16:38:09

JAVA安全—SpringBoot框架MyBatis注入Thymeleaf模板注入

前言 之前我们讲了JAVA的一些组件安全，比如Log4j，fastjson。今天讲一下框架安全，就是这个也是比较常见的SpringBoot框架。 SpringBoot框架 Spring Boot是由Pivotal团队提供的一套开源框架，可以简化spring应用的创建及部署。它提…...

编程日记 2024/12/11 16:37:06

【STM32系列】提升ADC采样精度的方法

资料地址 兆易创新GigaDevice-资料下载兆易创新GD32 MCU ADC简介 ADC转换包括采样、保持、量化、编码四个步骤。的采样电容上，即在采样开关 SW 关闭的过程中，外部输入信号通过外部的输入电阻 RAIN 和以及 ADC 采样电阻 RADC 对采样电容 CADC 充电。采样…...

编程日记 2024/12/11 16:34:01

前端面试如何出彩

1、原型链和作用域链说不太清，主要表现在寄生组合继承和extends继承的区别和new做了什么。2、推荐我的两篇文章：若川：面试官问：能否模拟实现JS的new操作符、若川：面试官问：JS的继承 3、数组构造函数上有哪些…...

编程日记 2024/12/11 16:31:58

Linux 切换用户的两种方法

sudo -su user1 与 su - user1 都可以让当前用户切换到 user1 的身份执行命令或进入该用户的交互式 Shell。但它们在权限认证方式、环境变量继承和 Shell 初始化过程等方面存在一些差异。 权限认证方式 su - user1 su 是 “switch user” 的缩写，默认情况下需要你输…...

编程日记 2024/12/11 16:27:53

Spring Boot 3 中Bean的配置和实例化详解

一、引言 在Java企业级开发领域，Spring Boot凭借其简洁、快速、高效的特点，迅速成为了众多开发者的首选框架。Spring Boot通过自动配置、起步依赖等特性，极大地简化了Spring应用的搭建和开发过程。而在Spring Boot的众多核心特性中&#xff…...

编程日记 2024/12/11 16:26:52

Vue实现留言板（实现增删改查）注意：自己引入Vue.js哦

代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title><scri…...

编程日记 2024/12/11 16:24:50

IDEA创建Spring Boot项目配置阿里云Spring Initializr Server URL【详细教程-轻松学会】

1.首先打开idea选择新建项目 2.选择Spring Boot框架(就是选择Spring Initializr这个) 3.点击中间界面Server URL后面的三个点更换为阿里云的Server URL Idea中默认的Server URL地址&#xff1a;https://start.spring.io/ 修改为阿里云Server URL地址&#xff1a;https://star…...

编程日记 2024/12/11 16:18:44

读取电视剧MP4视频的每一帧，检测出现的每一个人脸并保存

检测效果还不错，就是追踪有点难做 import cv2 import mediapipe as mp import os from collections import defaultdict# pip install msvc-runtime# 初始化OpenCV的MultiTracker # multi_tracker = cv2.MultiTracker_create() # multi_tracker = cv2.legacy.MultiTracker_cre…...

编程日记 2024/12/11 16:15:40

HTML前端开发-- Iconfont 矢量图库使用简介

一、SVG 简介及基础语法 1. SVG 简介 SVG&#xff08;Scalable Vector Graphics&#xff09;是一种基于 XML 的矢量图形格式&#xff0c;用于在网页上显示二维图形。SVG 图形可以无限缩放而不会失真&#xff0c;非常适合用于图标、图表和复杂图形。SVG 文件是文本文件&#x…...

编程日记 2024/12/11 16:12:36

使用Allure作为测试报告生成器（Java+Selenium）

背景 JAVA项目中原先用Jenkinsseleniumselenium grid来日常测试UI并记录。 问题 当某一个testSuite失败时&#xff0c;当需要确认UI regression issue还是selenium test case自身的问题&#xff0c;需要去jenkins中查log&#xff0c;一般得到的是“Can not find element xxx…...

编程日记 2024/12/11 16:11:34

RocketMQ面试题合集

消费者获取消息是从Master Broker还是Slave Broker获取&#xff1f; Master Broker宕机&#xff0c;Slave Broker会自动切换为Master Broker吗&#xff1f; 这种Master-Slave模式不是彻底的高可用模式&#xff0c;他没法实现自动把Slave切换为Master。在RocketMQ 4.5之后&…...

编程日记 2024/12/11 16:09:31

Qt初识_对象树

个人主页&#xff1a;C忠实粉丝 欢迎 点赞&#x1f44d; 收藏✨ 留言✉ 加关注&#x1f493;本文由 C忠实粉丝 原创 Qt初识_对象树 收录于专栏【Qt开发】 本专栏旨在分享学习Qt的一点学习笔记&#xff0c;欢迎大家在评论区交流讨论&#x1f48c; 目录 什么是对象树 为什么要引…...

编程日记 2024/12/11 16:06:28

axios的get和post请求，关于携带参数相关的讲解一下

在使用 Axios 发送 HTTP 请求时&#xff0c;GET 和 POST 请求携带参数的方式有所不同。以下是关于这两种请求方法携带参数的详细讲解&#xff1a; GET 请求携带参数 对于 GET 请求&#xff0c;参数通常附加在 URL 之后&#xff0c;以查询字符串的形式传递。 直接在 URL 中拼接…...

编程日记 2024/12/11 16:05:26

Python：操作 Excel 折叠

💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏： 【自动化测试】 【测试经验】 【人工智能】 【Python】 Python 操作 Excel 系列 读取单元格数据按行写入设置行高和列宽自动调整行高和列宽水平…...

编程新知 2026/1/30 20:05:06

Redis相关知识总结（缓存雪崩，缓存穿透，缓存击穿，Redis实现分布式锁，如何保持数据库和缓存一致）

文章目录 1.什么是Redis&#xff1f;2.为什么要使用redis作为mysql的缓存&#xff1f;3.什么是缓存雪崩、缓存穿透、缓存击穿&#xff1f;3.1缓存雪崩3.1.1 大量缓存同时过期3.1.2 Redis宕机 3.2 缓存击穿3.3 缓存穿透3.4 总结 4. 数据库和缓存如何保持一致性5. Redis实现分布式…...

编程新知 2026/2/8 12:24:34

渗透实战PortSwigger靶场-XSS Lab 14：大多数标签和属性被阻止

<script>标签被拦截 我们需要把全部可用的 tag 和 event 进行暴力破解 XSS cheat sheet&#xff1a; https://portswigger.net/web-security/cross-site-scripting/cheat-sheet 通过爆破发现body可以用 再把全部 events 放进去爆破 这些 event 全部可用 <body onres…...

编程新知 2026/1/24 13:05:24

《用户共鸣指数（E）驱动品牌大模型种草：如何抢占大模型搜索结果情感高地》

在注意力分散、内容高度同质化的时代&#xff0c;情感连接已成为品牌破圈的关键通道。我们在服务大量品牌客户的过程中发现&#xff0c;消费者对内容的“有感”程度&#xff0c;正日益成为影响品牌传播效率与转化率的核心变量。在生成式AI驱动的内容生成与推荐环境中&#xff0…...

编程新知 2026/2/2 1:48:09

如何理解 IP 数据报中的 TTL？

目录 前言理解 前言 面试灵魂一问&#xff1a;说说对 IP 数据报中 TTL 的理解&#xff1f;我们都知道&#xff0c;IP 数据报由首部和数据两部分组成&#xff0c;首部又分为两部分&#xff1a;固定部分和可变部分&#xff0c;共占 20 字节&#xff0c;而即将讨论的 TTL 就位于首…...

编程新知 2026/2/4 18:09:49

Maven 概述、安装、配置、仓库、私服详解

目录 1、Maven 概述 1.1 Maven 的定义 1.2 Maven 解决的问题 1.3 Maven 的核心特性与优势 2、Maven 安装 2.1 下载 Maven 2.2 安装配置 Maven 2.3 测试安装 2.4 修改 Maven 本地仓库的默认路径 3、Maven 配置 3.1 配置本地仓库 3.2 配置 JDK 3.3 IDEA 配置本地 Ma…...

编程新知 2026/2/8 1:58:01

学校时钟系统，标准考场时钟系统，AI亮相2025高考，赛思时钟系统为教育公平筑起“精准防线”

2025年#高考 将在近日拉开帷幕&#xff0c;#AI 监考一度冲上热搜。当AI深度融入高考&#xff0c;#时间同步 不再是辅助功能&#xff0c;而是决定AI监考系统成败的“生命线”。 AI亮相2025高考&#xff0c;40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕&#xff0c;江西、…...

编程新知 2026/2/8 22:07:52

初探Service服务发现机制

1.Service简介 Service是将运行在一组Pod上的应用程序发布为网络服务的抽象方法。 主要功能&#xff1a;服务发现和负载均衡。 Service类型的包括ClusterIP类型、NodePort类型、LoadBalancer类型、ExternalName类型 2.Endpoints简介 Endpoints是一种Kubernetes资源&#xf…...

编程新知 2026/2/6 15:01:23

iview框架主题色的应用

1.下载 less要使用3.0.0以下的版本 npm install less2.7.3 npm install less-loader4.0.52./src/config/theme.js文件 module.exports {yellow: {theme-color: #FDCE04},blue: {theme-color: #547CE7} }在sass中使用theme配置的颜色主题&#xff0c;无需引入&#xff0c;直接可…...

编程新知 2026/1/31 9:29:45

Web中间件--tomcat学习

Web中间件–tomcat Java虚拟机详解 什么是JAVA虚拟机 Java虚拟机是一个抽象的计算机&#xff0c;它可以执行Java字节码。Java虚拟机是Java平台的一部分&#xff0c;Java平台由Java语言、Java API和Java虚拟机组成。Java虚拟机的主要作用是将Java字节码转换为机器代码&#x…...

编程新知 2025/9/13 18:20:34