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

Flourish笔记:柱状图(Column chart (grouped))

在这里插入图片描述

文章目录

  • 样式设定
    • 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
    在这里插入图片描述
http://www.lryc.cn/news/501406.html

相关文章:

  • 深度学习案例:DenseNet + SE-Net
  • excel文件合并,每个excel名称插入excel列
  • Linux 如何设置特殊权限?
  • 零基础如何使用ChatGPT快速学习Python
  • 【开源】一款基于SpringBoot 的全开源充电桩平台
  • AI - RAG中的状态化管理聊天记录
  • JAVA安全—SpringBoot框架MyBatis注入Thymeleaf模板注入
  • 【STM32系列】提升ADC采样精度的方法
  • 前端面试如何出彩
  • Linux 切换用户的两种方法
  • Spring Boot 3 中Bean的配置和实例化详解
  • Vue实现留言板(实现增删改查)注意:自己引入Vue.js哦
  • IDEA创建Spring Boot项目配置阿里云Spring Initializr Server URL【详细教程-轻松学会】
  • 读取电视剧MP4视频的每一帧,检测出现的每一个人脸并保存
  • HTML前端开发-- Iconfont 矢量图库使用简介
  • 使用Allure作为测试报告生成器(Java+Selenium)
  • RocketMQ面试题合集
  • Qt初识_对象树
  • axios的get和post请求,关于携带参数相关的讲解一下
  • Vue前端开发-路由其他配置
  • 框架建设实战7——定时任务组件
  • mybatis 整合 ehcache
  • 【PlantUML系列】用例图(三)
  • 发送请求时遇到了数据库完整性约束错误 1048 Column ‘platform‘ cannot be null
  • 三菱FX3U模拟量产品的介绍
  • pdf转图片
  • Go 协程上下文切换的代价
  • HTTP 持久连接(长连接)
  • 12月10日IO
  • Composite Pattern