主頁 > 作業系統 > 如何在ggplotly中調整條形圖?

如何在ggplotly中調整條形圖?

2022-06-09 22:49:40 作業系統

我有雙軸條形圖,以便可視化 3 個數值變數。所有這些在 ggplot 中都很好用。但是,當我將 ggplot 轉換為ggplotly時,會出現問題:

  1. 在傳說中,有奇怪的1(以黃色突出顯示)
  2. 在懸停中,有雙值(以黃色突出顯示)
  3. geom_text中hjust=0, vjust =-0.5的變化不會反映在繪圖上

有人可以幫我調整這些問題嗎?

df <- data.frame (model  = c("A", "B", "C","D","E","F"),
                  share = c(12,20,15,9,60,20),
                  sale = c(16,25,18,14,67,28),
                  cost = c(14,19,28,24,57,28))

#set levels of model by cost
df$model <- factor(df$model, levels = arrange(df, desc(df$cost))$model)

library(tidyverse)

df_long <- df %>% 
  pivot_longer(
    cols = -model
  ) 


plt <- ggplot(df_long, aes(x = model, y= value, label=value)) 
  geom_col(data = filter(df_long, name != "cost"), aes(fill=name), position = position_dodge()) 
  scale_fill_manual(values = c("blue", "grey")) 
  geom_line(data = filter(df_long, name == "cost"), aes(color = name, group = 1), size = 1) 
  scale_color_manual(values = "red") 
  geom_text(data = filter(df_long, name == "cost"), size = 3,hjust=0, vjust=-0.5) 
  geom_label(data = filter(df_long, name == "cost"), hjust=0, vjust=-0.5) 
  scale_y_continuous(
    name = "Sale and Share",
    sec.axis = sec_axis(~., name ="Cost")
  ) 
  theme_minimal() 
  theme(legend.title=element_blank())


ggplotly(plt)

如何在ggplotly中調整條形圖?

uj5u.com熱心網友回復:

到目前為止,您似乎已經掌握了一些重要資訊。這解決了您確定的所有問題。雖然,在這一點上,在 Plotly 中制作情節會容易得多!

我做的第一件事是注釋掉對geom_textand的呼叫geom_labelPlotly 在這里的表現并不好。它正在回到情節中,但不是在這里。

接下來,我構建了您的繪圖并查看了轉換分配的名稱和圖例組。這并沒有改變任何東西——這只是在尋找。

plt2 <- plotly_build(plt)

invisible(
  lapply(1:length(plt2$x$data),
         function(j) {
           message(j, " ", plt2$x$data[[j]]$name, " & ",
                   plt2$x$data[[j]]$legendgroup)
         })
)
# 1 (sale,1) & (sale,1)
# 2 (share,1) & (share,1)
# 3 (cost,1) & (cost,1)

@Quinten 解決了這個問題,但這就是你的樣子。一旦我看到 Plotly “做出”了什么,我確信我知道我需要改變什么。

此代碼更改這些字串。還將更新列印到控制臺,以便您檢查您的期望。

invisible(
  lapply(1:length(plt2$x$data),
         function(j) {
           x <- plt2$x$data[[j]]$name           # find the name
           y <- str_extract(x, "[a-z] ")        # remove anything that's not a letter
           plt2$x$data[[j]]$name <<- y          # put it back
           plt2$x$data[[j]]$legendgroup <<- y
           message(j, " ", plt2$x$data[[j]]$name, " & ",
                   plt2$x$data[[j]]$legendgroup)
         })
)
# 1 sale & sale
# 2 share & share
# 3 cost & cost

您也可以使用這種查看/更改/檢查來驗證最終出現在工具提示中的資訊。而不是$nameor $legendgroup,您將查看$text.

下一段代碼不會檢查輸入并將其列印出來(我認為這將是多余的)。這只是改變它。(不過,我確實使用該程序來構建它。)

tx = " "
invisible(
  lapply(1:length(plt2$x$data),
         function(k){
           tx <<- plt2$x$data[[k]]$text # tooltip for each trace
           lapply(1:length(tx),
                  function(m) {
                    tr <- strsplit(tx[[m]], "<br />") # tooltip for each point
                    tr2 <- unique(tr[[1]])            # remove redundancy           
                    str <- paste0(tr2, collapse = "<br />")
                    tx[[m]] <<- str                   # put it back together
                  })
           plt2$x$data[[k]]$text <<- tx               # change the plot
         })
)

現在到標簽上——如果你想要背景或邊框,你必須annotations在 Plotly 中使用。就像annotation在 ggplot 包中一樣, annotationsPlotly 本身的“規則”較少。

你有一個奇怪的訂單model,所以也必須解決這個問題。當資料在 ggplot 和 Plotly 之間移動時,事情往往會出錯因此,您不太可能連接到原始資料。

需要記住的一件事是,我將圖紙空間用于 x 軸。Plotly 中的默認圖紙空間(域)為 [0,1]。您的圖表沿 x 均勻分布,您的值位于六個類別的中間,因此 x 上的所有內容都以 1/6 空間表示。

因此,首先,將資料按需要出現在圖中的順序排列。然后將注釋(標簽)添加到圖中。我還在這里洗掉了圖例的名稱。

# to add labels, we need to have the order the data appears on the plot
df2 <- df_long %>% 
  arrange(desc(value)) %>% 
  filter(name == "cost")

plt2 %>% 
  layout(legend = list(title = "")) %>%  # remove legend name
  add_annotations(x = c(1/12, 1/6   1/12, 1/3   1/12, # using domain for x-axis
                        1/2   1/12, 2/3   1/12, 5/6   1/12),
                  y = df2$value,
                  text = df2$value,
                  xshift = 20,       # shift right 20 px
                  yshift = 15,       # shift up 15 px
                  hoverinfo = "skip",
                  bgcolor = "white",
                  bordercolor = "black",
                  xref = "paper", yref = "y", # cat x, use domain for annot x
                  showarrow = F)

畢竟,這是你的情節。

如何在ggplotly中調整條形圖?

如何在ggplotly中調整條形圖? 如何在ggplotly中調整條形圖?

這是直截了當的。我認為帶有填充(可以添加)的標簽看起來會更好一些。

df_long %>% 
  filter(name != "cost") %>% 
  plot_ly(x = ~model, y = ~value, color = ~name, type = "bar", 
          customdata = ~name,  colors = c("blue", "gray"),
          hovertemplate = paste0("Model: %{x}<br>Value: %{y}<br>",
                                 "Name: %{customdata}<extra></extra>")) %>%
  add_lines(inherit = F, data = df, x = ~model, 
            y = ~cost, color = I("red"),
            name = "cost",
            hovertemplate = paste0("Model: %{x}<br>Value: %{y}<br>",
                                   "Name: cost<extra></extra>")) %>% 
  add_annotations(data = df, x = ~model, y = ~cost, text = ~cost,
                  bgcolor = "white", bordercolor = "black", 
                  xshift = 15, yshift = 15, showarrow = F) %>% 
  layout(barmode = "group")

與轉換后的情節幾乎相同。

如何在ggplotly中調整條形圖?

uj5u.com熱心網友回復:

傳說問題:

使用這篇文章中的代碼:如何在ggplotly中調整條形圖?

uj5u.com熱心網友回復:

@Quinten 回答的進一步方法,

處理'name name'和'value value'的事情,

嘗試

tooltip = c("value", "name", "model")
plt1$x$layout$legend$title$text <- "name"

完整代碼是

plt <- 
  ggplot(df_long, aes(x = model, y= value, label = NA)) 
  geom_col(data = filter(df_long, name != "cost"), aes(fill=name), position = position_dodge()) 
  scale_fill_manual(values = c("blue", "grey")) 
  geom_line(data = filter(df_long, name == "cost"), aes( group = 1, color = name), size = 1) 
  scale_color_manual(values = "red") 
  #geom_text(data = filter(df_long, name == "cost"), size = 3,hjust=0, vjust=-0.5) 
  geom_label(data = filter(df_long, name == "cost"), hjust=0, vjust=-0.5) 
  scale_y_continuous(
    name = "Sale and Share",
    sec.axis = sec_axis(~., name ="Cost")
  ) 
  theme_minimal()

plt1 <- ggplotly(plt, tooltip = c("value", "name", "model")) 
for (i in 1:length(plt1$x$data)){
  if (!is.null(plt1$x$data[[i]]$name)){
    plt1$x$data[[i]]$name =  gsub("\\(","",str_split(plt1$x$data[[i]]$name,",")[[1]][1])
  }
}
plt1$x$layout$legend$title$text <- "name"

轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/488010.html

標籤:r ggplot2 阴谋 tidyverse 数据可视化

上一篇:一個繪圖中的多個圖形ggplot

下一篇:如何從密度圖中提取具有不同百分位數的特征?

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • CA和證書

    1、在 CentOS7 中使用 gpg 創建 RSA 非對稱密鑰對 gpg --gen-key #Centos上生成公鑰/密鑰對(存放在家目錄.gnupg/) 2、將 CentOS7 匯出的公鑰,拷貝到 CentOS8 中,在 CentOS8 中使用 CentOS7 的公鑰加密一個檔案 gpg -a ......

    uj5u.com 2020-09-10 00:09:53 more
  • Kubernetes K8S之資源控制器Job和CronJob詳解

    Kubernetes的資源控制器Job和CronJob詳解與示例 ......

    uj5u.com 2020-09-10 00:10:45 more
  • VMware下安裝CentOS

    VMware下安裝CentOS 一、軟硬體準備 1 Centos鏡像準備 1.1 CentOS鏡像下載地址 下載地址 1.2 CentOS鏡像下載程序 點擊下載地址進入如下圖的網站,選擇需要下載的版本,這里選擇的是Centos8,點擊如圖所示。 決定選擇Centos8后,選擇想要的鏡像源進行下載,此 ......

    uj5u.com 2020-09-10 00:12:10 more
  • 如何使用Grep命令查找多個字串

    如何使用Grep 命令查找多個字串 大家好,我是良許! 今天向大家介紹一個非常有用的技巧,那就是使用 grep 命令查找多個字串。 簡單介紹一下,grep 命令可以理解為是一個功能強大的命令列工具,可以用它在一個或多個輸入檔案中搜索與正則運算式相匹配的文本,然后再將每個匹配的文本用標準輸出的格式 ......

    uj5u.com 2020-09-10 00:12:28 more
  • git配置http代理

    git配置http代理 經常遇到克隆 github 慢的問題,這里記錄一下幾種配置 git 代理的方法,解決 clone github 過慢。 目錄 git配置代理 git單獨配置github代理 git配置全域代理 配置終端環境變數 git配置代理 主要使用 git config 命令 git單獨 ......

    uj5u.com 2020-09-10 00:12:33 more
  • Linux npm install 裝包時提示Error EACCES permission denied解

    npm install 裝包時提示Error EACCES permission denied解決辦法 ......

    uj5u.com 2020-09-10 00:12:53 more
  • Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包

    Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包。 18 (flaskApi) [root@67 flaskDemo]# yum -y install nginx 19 已加載插件:fastestmirror, langpacks 20 Loading ......

    uj5u.com 2020-09-10 00:13:13 more
  • Linux查看服務器暴力破解ssh IP

    在公網的服務器上經常遇到別人爆破你服務器的22埠,用來挖礦或者干其他嘿嘿嘿的事情~ 這種情況下正確的做法是: 修改默認ssh的22埠 使用設定密鑰登錄或者白名單ip登錄 建議服務器密碼為復雜密碼 創建普通用戶登錄服務器(root權限過大) 建立堡壘機,實作統一管理服務器 統計爆破IP [root ......

    uj5u.com 2020-09-10 00:13:17 more
  • CentOS 7系統常見快捷鍵操作方式

    Linux系統中一些常見的快捷方式,可有效提高操作效率,在某些時刻也能避免操作失誤帶來的問題。 ......

    uj5u.com 2020-09-10 00:13:31 more
  • CentOS 7作業系統目錄結構介紹

    作業系統存在著大量的資料檔案資訊,相應檔案資訊會存在于系統相應目錄中,為了更好的管理資料資訊,會將系統進行一些目錄規劃,不同目錄存放不同的資源。 ......

    uj5u.com 2020-09-10 00:13:35 more
最新发布
  • vim的常用命令

    Vim的6種基本模式 1. 普通模式在普通模式中,用的編輯器命令,比如移動游標,洗掉文本等等。這也是Vim啟動后的默認模式。這正好和許多新用戶期待的操作方式相反(大多數編輯器默認模式為插入模式)。 2. 插入模式在這個模式中,大多數按鍵都會向文本緩沖中插入文本。大多數新用戶希望文本編輯器編輯程序中一 ......

    uj5u.com 2023-04-20 08:43:21 more
  • vim的常用命令

    Vim的6種基本模式 1. 普通模式在普通模式中,用的編輯器命令,比如移動游標,洗掉文本等等。這也是Vim啟動后的默認模式。這正好和許多新用戶期待的操作方式相反(大多數編輯器默認模式為插入模式)。 2. 插入模式在這個模式中,大多數按鍵都會向文本緩沖中插入文本。大多數新用戶希望文本編輯器編輯程序中一 ......

    uj5u.com 2023-04-20 08:42:36 more
  • docker學習

    ###Docker概述 真實專案部署環境可能非常復雜,傳統發布專案一個只需要一個jar包,運行環境需要單獨部署。而通過Docker可將jar包和相關環境(如jdk,redis,Hadoop...)等打包到docker鏡像里,將鏡像發布到Docker倉庫,部署時下載發布的鏡像,直接運行發布的鏡像即可。 ......

    uj5u.com 2023-04-19 09:26:53 more
  • 設定Windows主機的瀏覽器為wls2的默認瀏覽器

    這里以Chrome為例。 1. 準備作業 wsl是可以使用Windows主機上安裝的exe程式,出于安全考慮,默認情況下改功能是無法使用。要使用的話,終端需要以管理員權限啟動。 我這里以Windows Terminal為例,介紹如何默認使用管理員權限打開終端,具體操作如下圖所示: 2. 操作 wsl ......

    uj5u.com 2023-04-19 09:25:49 more
  • docker學習

    ###Docker概述 真實專案部署環境可能非常復雜,傳統發布專案一個只需要一個jar包,運行環境需要單獨部署。而通過Docker可將jar包和相關環境(如jdk,redis,Hadoop...)等打包到docker鏡像里,將鏡像發布到Docker倉庫,部署時下載發布的鏡像,直接運行發布的鏡像即可。 ......

    uj5u.com 2023-04-19 09:19:04 more
  • Linux學習筆記

    IP地址和主機名 IP地址 ifconfig可以用來查詢本機的IP地址,如果不能使用,可以通過install net-tools安裝。 Centos系統下ens33表示主網卡;inet后表示IP地址;lo表示本地回環網卡; 127.0.0.1表示代指本機;0.0.0.0可以用于代指本機,同時在放行設 ......

    uj5u.com 2023-04-18 06:52:01 more
  • 解決linux系統的kdump服務無法啟動的問題

    問題:專案麒麟系統服務器的kdump服務無法啟動,沒有相關日志無法定位問題。 1、查看服務狀態是關閉的,重啟系統也無法啟動 systemctl status kdump 2、修改grub引數,修改“crashkernel”為“512M(有的機器數值太大太小都會導致報錯,建議從128M開始試,或者加個 ......

    uj5u.com 2023-04-12 09:59:50 more
  • 解決linux系統的kdump服務無法啟動的問題

    問題:專案麒麟系統服務器的kdump服務無法啟動,沒有相關日志無法定位問題。 1、查看服務狀態是關閉的,重啟系統也無法啟動 systemctl status kdump 2、修改grub引數,修改“crashkernel”為“512M(有的機器數值太大太小都會導致報錯,建議從128M開始試,或者加個 ......

    uj5u.com 2023-04-12 09:59:01 more
  • 你是不是暴露了?

    作者:袁首京 原創文章,轉載時請保留此宣告,并給出原文連接。 如果您是計算機相關從業人員,那么應該經歷不止一次網路安全專項檢查了,你肯定是收到過資訊系統技術檢測報告,要求你加強風險監測,確保你提供的系統服務堅實可靠了。 沒檢測到問題還好,檢測到問題的話,有些處理起來還是挺麻煩的,尤其是線上正在運行的 ......

    uj5u.com 2023-04-05 16:52:56 more
  • 細節拉滿,80 張圖帶你一步一步推演 slab 記憶體池的設計與實作

    1. 前文回顧 在之前的幾篇記憶體管理系列文章中,筆者帶大家從宏觀角度完整地梳理了一遍 Linux 記憶體分配的整個鏈路,本文的主題依然是記憶體分配,這一次我們會從微觀的角度來探秘一下 Linux 內核中用于零散小記憶體塊分配的記憶體池 —— slab 分配器。 在本小節中,筆者還是按照以往的風格先帶大家簡單 ......

    uj5u.com 2023-04-05 16:44:11 more