Skip to content

Commit

Permalink
layout 和 width 分别控制布局和图片宽度
Browse files Browse the repository at this point in the history
  • Loading branch information
@XiangyunHuang
XiangyunHuang committed Sep 25, 2023
1 parent bc2f0f7 commit 046498d
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 8 deletions.
8 changes: 4 additions & 4 deletions documents-html.qmd
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,12 +34,12 @@

其一插入现成的图片，其二插入代码生成的图片

::: {#fig-doc-iris layout-ncol="3"}
![versicolor 杂色鸢尾](images/iris-versicolor.jpeg){#fig-doc-versicolor width="30%"}
::: {#fig-doc-iris layout-ncol="3" layout="[30,40,30]" layout-valign="bottom"}
![versicolor 杂色鸢尾](images/iris-versicolor.jpeg){#fig-doc-iris-versicolor width="70%"}

![setosa 山鸢尾](images/iris-setosa.jpeg){#fig-doc-setosa width="40%"}
![setosa 山鸢尾](images/iris-setosa.jpeg){#fig-doc-iris-setosa width="80%"}

![virginica 弗吉尼亚鸢尾](images/iris-virginica.jpeg){#fig-doc-virginica width="30%"}
![virginica 弗吉尼亚鸢尾](images/iris-virginica.jpeg){#fig-doc-iris-virginica width="70%"}

三种鸢尾花
:::
Expand Down
8 changes: 4 additions & 4 deletions visualization-graphics.qmd
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,12 +18,12 @@ source("_common.R")

本节将主要基于鸢尾花数据集介绍 R 语言基础绘图系统，该数据集最早来自埃德加·安德森，后来，被罗纳德·费希尔在介绍判别分析的论文中用到，从而，流行于机器学习社区。鸢尾花是非常漂亮的一种花，在统计和机器学习社区家喻户晓，更别提在植物界的名声。其实，远不止于此，在绘画艺术界也是如雷贯耳，印象派大师文森特·梵高画了一系列鸢尾花作品。万紫千红，但能入画的不多，故而，鸢尾花更显高雅。在生命最后的一段日子里，梵高受精神病折磨，在法国普罗旺斯的圣·雷米医院里，唯有盛开的鸢尾花陪着他，最著名的《星月夜》就是在这时候创作出来的。下面先让我们一睹鸢尾花芳容，图片来自维基百科鸢尾花词条。

::: {#fig-iris layout-ncol="3"}
![versicolor 杂色鸢尾](images/iris-versicolor.jpeg){#fig-iris-versicolor width="30%"}
::: {#fig-iris layout-ncol="3" layout="[30,40,30]" layout-valign="bottom"}
![versicolor 杂色鸢尾](images/iris-versicolor.jpeg){#fig-iris-versicolor width="70%"}

![setosa 山鸢尾](images/iris-setosa.jpeg){#fig-iris-setosa width="40%"}
![setosa 山鸢尾](images/iris-setosa.jpeg){#fig-iris-setosa width="80%"}

![virginica 弗吉尼亚鸢尾](images/iris-virginica.jpeg){#fig-iris-virginica width="30%"}
![virginica 弗吉尼亚鸢尾](images/iris-virginica.jpeg){#fig-iris-virginica width="70%"}

三种鸢尾花
:::
Expand Down

4 comments on commit 046498d

@github-actions
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉 Published on https://data-analysis-in-action.netlify.app as production
🚀 Deployed on https://6511512bfc0bfc769db8b752--data-analysis-in-action.netlify.app

@XiangyunHuang
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Figure layouts broken quarto-dev/quarto-cli#7017

@XiangyunHuang
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Layout not work, so use width

Quarto 1.3

PDF

截屏2023-09-30 07 59 28

HTML

截屏2023-09-30 07 59 49

Quarto 1.4

PDF

截屏2023-09-30 08 04 34

HTML

截屏2023-09-30 08 05 01

@XiangyunHuang
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Qaurto 1.3

See @fig-doc-iris

::: {#fig-doc-iris layout-ncol="3" layout-valign="bottom"}
![versicolor](images/iris-versicolor.jpeg){#fig-doc-iris-versicolor width=60%}

![setosa](images/iris-setosa.jpeg){#fig-doc-iris-setosa width=80%}

![virginica](images/iris-virginica.jpeg){#fig-doc-iris-virginica width=60%}

Iris
:::

Please sign in to comment.