如何更改 echarts4r 上标签的方向?

Posted

技术标签:

【中文标题】如何更改 echarts4r 上标签的方向?【英文标题】:How I can change the orient of labels on echarts4r? 【发布时间】:2022-01-23 04:34:17 【问题描述】:

您好,感谢您阅读本文。我正在尝试在echarts4r 上制作带有值标签的条形图,但我无法更改标签的方向以使值不重叠。我试过orient = "vertical",但它不起作用。我的代码如下:

library(echarts4r)
library(dplyr)

mtcars |> 
  tibble::rownames_to_column("model") |> 
  mutate(cyl2 = cyl*10000) |> 
  e_charts(model) |> 
  e_bar(cyl2,
        label = list(
          show = TRUE,
          position = "top",
          orient = "vertical",
          textStyle = list(fontFamily = "Roboto Condensed", 
                           fontSize = 12)
        ))

有没有办法改变标签的方向?感谢您的帮助

【问题讨论】:

【参考方案1】:

您可以通过rotation 参数设置值标签的方向。根据您想要的结果,您还必须设置verticalAlignment 和水平alignment:

library(echarts4r)
library(dplyr)

mtcars |> 
  tibble::rownames_to_column("model") |> 
  mutate(cyl2 = cyl*10000) |> 
  e_charts(model) |> 
  e_bar(cyl2,
        label = list(
          show = TRUE,
          position = "top",
          rotate = 90,
          verticalAlign = "middle",
          align = "left",
          textStyle = list(fontFamily = "Roboto Condensed", 
                           fontSize = 12)
        ))

【讨论】:

非常感谢,它有效

以上是关于如何更改 echarts4r 上标签的方向?的主要内容,如果未能解决你的问题,请参考以下文章

Sherlock 标签无法更改方向

在ggplot2中更改轴文本的字体大小和方向

如何使用 Microchip Harmony Configurator (MHC) 在 PIC32MZ2048ECH144 的同一端口上为 2 个引脚编写 ISR 宏?

UIPageViewController 和屏幕外方向更改

如何在 Android 上禁用方向更改?

如何使用 JavaScript 函数更改 CSS 值(颜色标签)? [复制]