Как добавить логотип в flexdashboard? - PullRequest
Новая
       10

Как добавить логотип в flexdashboard?

0 голосов
/ 05 июня 2018

Я пытаюсь добавить логотип компании в flexdashboard.Как упоминалось на официальной странице, нам нужно указать путь к изображению, и я делаю то же самое, что указано ниже, но не могу вывести логотип на приборной панели.Хотите знать, как разместить логотип на flexdashboard и, кроме того, как добавить пользовательский цвет в верхнюю панель панели управления. 

---
title: "Dashboard"
output: 
  flexdashboard::flex_dashboard:
    logo: C:/Users/Gaurav/Desktop/Test/www/BoA1.png
    vertical_layout: scroll
    orientation: rows
    theme: cosmo
    runtime: shiny
---

flexdashboard Приведен скриншот панели инструментов и выделен логотипкоторый не работает должным образом.

Ответы [ 2 ]

0 голосов
/ 04 марта 2019

Мне кажется, вам нужно включить относительный путь, а не абсолютный путь.По какой-то причине R. не подходит для абсолютных путей.

На моей установке:

это приведет к повреждению изображения 

---
title: "Dashboard"
output: 
  flexdashboard::flex_dashboard:
    logo: C:/Users/thatsme/MYPROJECT/www/myimage.png
---

это изображение будет отображаться правильно 

---
title: "Dashboard"
output: 
  flexdashboard::flex_dashboard:
    logo: www/myimage.png
---

Путь должен быть относительно рабочего каталога проекта (обычно там, где находится .proj-файл).Если вы не знаете, что такое рабочий каталог, поместите getwd() в консоль.

0 голосов
/ 06 июня 2018

Для логотипа вам может потребоваться изменить размер изображения (может помочь пакет magick), чтобы оно соответствовало правильному размеру:

Масштабирование изображения логотипа не выполняется, поэтому оно должно соответствоватьточно в пределах размеров навигационной панели (высота 48 пикселей для темы «cosmo» по умолчанию, другие темы могут иметь немного различную высоту навигационной панели)

https://rmarkdown.rstudio.com/flexdashboard/using.html#logo__favicon

ДляЦвет navbar, вам нужно настроить внешний вид с помощью файла CSS.См. https://rmarkdown.rstudio.com/flexdashboard/using.html#css_styles

Если вы хотите настроить эти цвета, вы должны создать таблицу стилей CSS с необходимыми элементами, обращенными к навигационной панели, и включить ее, используя опцию css формата flex_dashboard.

  • добавить пользовательский css custom.css с помощью 
.navbar-inverse {
   background-color: <your color>;
}
  • включить этот файл css в заголовок yaml 
title: "Custom CSS"
output: 
  flexdashboard::flex_dashboard:
    css: custom.css
...