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

Gaurav Chaudhari спросил: 12 мая 2018 в 05:19 в: r

Я пытаюсь добавить логотип компании в 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
---

flexdashboardGiven - это скриншот панели инструментов и выделен логотип, который является не работает должным образом.

r shiny flexdashboard

2 ответа

Gaurav Chaudhari ответил: 13 мая 2018 в 05:16

все еще не работает после изменения размера изображения до 40x40px

cderv ответил: 12 мая 2018 в 07:27

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

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

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

Для цвета навигатора вам нужно настроить внешний вид с помощью файла 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

cderv ответил: 13 мая 2018 в 06:20

У вас есть код для контекста? можете ли вы уточнить проблему? Публичное репо с кодом для просмотра?

Gaurav Chaudhari ответил: 13 мая 2018 в 03:46

Из-за некоторых ограничений не может быть общедоступным. Но мне нужен только логотип, который будет работать, а код для логотипа задан. Я попытаюсь сделать панель инструментов образца.

cderv ответил: 13 мая 2018 в 04:48

вы добавляете логотип в код примера в свой вопрос с не относительным путем. Как объясняется в документации, которую я связал, и что касается любого веб-сайта, вам нужно добавить изображения по отношению к вашей странице. Единственный способ, которым вы можете использовать его, как в вашем текущем заголовке yaml, - это рендеринг с помощью self_contained = TRUE, чтобы изображение было включено в html (кодировка base64) и не учитывалось вне. В настоящее время в отображаемом html вы должны иметь < img > html, указывающий на файл на вашем компьютере, веб-страница не может загрузить. Это одно из возможных объяснений вашей проблемы.