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

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

news 2026/2/5 15:40:17

在这里插入图片描述

文章目录

  • 样式设定
    • 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

铭豹扩展坞 USB转网口 突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别，但在其他电脑上正常工作时，问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤，帮助你快速找到故障原因： 背景： 一个M-pard（铭豹）扩展坞的网卡突然无法识别了，扩展出来的三个USB接口正常。…...

编程新知 2026/2/5 10:34:36

iPhone密码忘记了办？iPhoneUnlocker，iPhone解锁工具Aiseesoft iPhone Unlocker 高级注册版​分享

平时用 iPhone 的时候&#xff0c;难免会碰到解锁的麻烦事。比如密码忘了、人脸识别 / 指纹识别突然不灵&#xff0c;或者买了二手 iPhone 却被原来的 iCloud 账号锁住&#xff0c;这时候就需要靠谱的解锁工具来帮忙了。Aiseesoft iPhone Unlocker 就是专门解决这些问题的软件&…...

编程新知 2026/1/29 10:22:28

渗透实战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

C++ 求圆面积的程序（Program to find area of a circle）

给定半径r&#xff0c;求圆的面积。圆的面积应精确到小数点后5位。 例子&#xff1a; 输入&#xff1a;r 5 输出&#xff1a;78.53982 解释&#xff1a;由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982&#xff0c;因为我们只保留小数点后 5 位数字。 输…...

编程新知 2026/1/31 12:52:15

【学习笔记】深入理解Java虚拟机学习笔记——第4章 虚拟机性能监控，故障处理工具

第2章 虚拟机性能监控&#xff0c;故障处理工具 4.1 概述 略 4.2 基础故障处理工具 4.2.1 jps:虚拟机进程状况工具 命令&#xff1a;jps [options] [hostid] 功能&#xff1a;本地虚拟机进程显示进程ID&#xff08;与ps相同&#xff09;&#xff0c;可同时显示主类&#x…...

编程新知 2026/1/15 1:34:10

CMake控制VS2022项目文件分组

我们可以通过 CMake 控制源文件的组织结构，使它们在 VS 解决方案资源管理器中以“组”（Filter）的形式进行分类展示。 🎯 目标 通过 CMake 脚本将 .cpp、.h 等源文件分组显示在 Visual Studio 2022 的解决方案资源管理器中。 ✅ 支持的方法汇总（共4种） 方法描述是否推荐…...

编程新知 2025/12/4 15:47:17

动态 Web 开发技术入门篇

一、HTTP 协议核心 1.1 HTTP 基础 协议全称 &#xff1a;HyperText Transfer Protocol&#xff08;超文本传输协议&#xff09; 默认端口 &#xff1a;HTTP 使用 80 端口&#xff0c;HTTPS 使用 443 端口。 请求方法 &#xff1a; GET &#xff1a;用于获取资源&#xff0c;…...

编程新知 2025/10/3 0:42:17

现有的 Redis 分布式锁库（如 Redisson）提供了哪些便利？

现有的 Redis 分布式锁库&#xff08;如 Redisson&#xff09;相比于开发者自己基于 Redis 命令&#xff08;如 SETNX, EXPIRE, DEL&#xff09;手动实现分布式锁&#xff0c;提供了巨大的便利性和健壮性。主要体现在以下几个方面&#xff1a; 原子性保证 (Atomicity)&#xff…...

编程新知 2025/9/23 11:26:04

Git常用命令完全指南：从入门到精通

Git常用命令完全指南&#xff1a;从入门到精通 一、基础配置命令 1. 用户信息配置 # 设置全局用户名 git config --global user.name "你的名字"# 设置全局邮箱 git config --global user.email "你的邮箱example.com"# 查看所有配置 git config --list…...

编程新知 2025/10/3 0:40:01

rknn toolkit2搭建和推理

安装Miniconda Miniconda - Anaconda Miniconda 选择一个 新的 版本 &#xff0c;不用和RKNN的python版本保持一致 使用 ./xxx.sh进行安装 下面配置一下载源 # 清华大学源&#xff08;最常用&#xff09; conda config --add channels https://mirrors.tuna.tsinghua.edu.cn…...

编程新知 2026/1/20 9:52:37