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

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

news 2025/7/2 13:24:32

在这里插入图片描述

文章目录

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

synchronized 学习

学习源&#xff1a; https://www.bilibili.com/video/BV1aJ411V763?spm_id_from333.788.videopod.episodes&vd_source32e1c41a9370911ab06d12fbc36c4ebc 1.应用场景 不超卖&#xff0c;也要考虑性能问题&#xff08;场景&#xff09; 2.常见面试问题&#xff1a; sync出…...

编程新知 2025/6/21 18:22:44

Opencv中的addweighted函数

一.addweighted函数作用 addweighted&#xff08;&#xff09;是OpenCV库中用于图像处理的函数&#xff0c;主要功能是将两个输入图像&#xff08;尺寸和类型相同&#xff09;按照指定的权重进行加权叠加&#xff08;图像融合&#xff09;&#xff0c;并添加一个标量值&#x…...

编程新知 2025/6/24 2:18:23

【决胜公务员考试】求职OMG——见面课测验1

2025最新版&#xff01;&#xff01;&#xff01;6.8截至答题&#xff0c;大家注意呀&#xff01; 博主码字不易点个关注吧,祝期末顺利~~ 1.单选题(2分) 下列说法错误的是:&#xff08; B &#xff09; A.选调生属于公务员系统 B.公务员属于事业编 C.选调生有基层锻炼的要求 D…...

编程新知 2025/6/16 3:46:00

WordPress插件：AI多语言写作与智能配图、免费AI模型、SEO文章生成

厌倦手动写WordPress文章&#xff1f;AI自动生成&#xff0c;效率提升10倍&#xff01; 支持多语言、自动配图、定时发布&#xff0c;让内容创作更轻松&#xff01; AI内容生成 → 不想每天写文章&#xff1f;AI一键生成高质量内容&#xff01;多语言支持 → 跨境电商必备&am…...

编程新知 2025/6/26 3:17:22

C++ Visual Studio 2017厂商给的源码没有.sln文件 易兆微芯片下载工具加开机动画下载。

1.先用Visual Studio 2017打开Yichip YC31xx loader.vcxproj&#xff0c;再用Visual Studio 2022打开。再保侟就有.sln文件了。 易兆微芯片下载工具加开机动画下载 ExtraDownloadFile1Info.\logo.bin|0|0|10D2000|0 MFC应用兼容CMD 在BOOL CYichipYC31xxloaderDlg::OnIni…...

编程新知 2025/6/26 10:09:08

初学 pytest 记录

安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...

编程新知 2025/6/27 0:03:18

Fabric V2.5 通用溯源系统——增加图片上传与下载功能

fabric-trace项目在发布一年后，部署量已突破1000次，为支持更多场景，现新增支持图片信息上链，本文对图片上传、下载功能代码进行梳理，包含智能合约、后端、前端部分。 一、智能合约修改 为了增加图片信息上链溯源，需要对底层数据结构进行修改，在此对智能合约中的农产品数…...

编程新知 2025/6/16 18:42:13

初探Service服务发现机制

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

编程新知 2025/6/26 4:10:00

20个超级好用的 CSS 动画库

分享 20 个最佳 CSS 动画库。 它们中的大多数将生成纯 CSS 代码&#xff0c;而不需要任何外部库。 1.Animate.css 一个开箱即用型的跨浏览器动画库&#xff0c;可供你在项目中使用。 2.Magic Animations CSS3 一组简单的动画&#xff0c;可以包含在你的网页或应用项目中。 3.An…...

编程新知 2025/7/2 8:50:43

08. C#入门系列【类的基本概念】：开启编程世界的奇妙冒险

C#入门系列【类的基本概念】&#xff1a;开启编程世界的奇妙冒险 嘿&#xff0c;各位编程小白探险家&#xff01;欢迎来到 C# 的奇幻大陆&#xff01;今天咱们要深入探索这片大陆上至关重要的 “建筑”—— 类&#xff01;别害怕&#xff0c;跟着我&#xff0c;保准让你轻松搞…...

编程新知 2025/6/15 18:05:20