Centering plot in rmarkdown pdf displays latex code in output (\begin{center}) latex

Question

I'm new to latex and rmarkdown. I am trying to center a plotly chart and I have already tried fig.align = "center" and nothing happens, if to this command I add fig.show = 'hold', the plot is centered but the \begin{center} code is added after the plot image. I tried to add latex code directly before the chunk (\ begin {center}) and \ end {center} after, but it still appears in the pdf output visible latex code. Please I don't no what happen with this.

This is my code

a <- list(
  autotick = FALSE,
  ticks = "outside",
  tick0 = 0,
  dtick = 1,
  ticklen = 0,
  tickwidth = 1,
  tickcolor = toRGB("blue")
)
avlbty<-plot_ly(df_merged, x = ~daytime, y = ~Availability, color = ~Series,type = 'scatter', mode = 'lines', fill = 'tozeroy', width =700, height = 350)
avlbty<-avlbty %>% 
  layout(title = "Availability by Service",yaxis = a,
         xaxis=list(title='Date'),font=f, margin = list(l=50, r=50, b=0, t=30, pad=0))
avlbty

Answer 1

Option 1: Export figure and then include it again

In a similar manner to this answer to Plotly as png in knitr/rmarkdown the current hack is to export the figure and then load in the produced file. As a small example (which you could adapt) there is

---
title: "Diamond prices"
author: "Oliver"
date: "6^th^ May 2020"
output:
  pdf_document:
    fig_caption: yes
header-includes:
   - \usepackage{cleveref}
fontsize: 12pt
always_allow_html: yes
---

# Making a plot

```{r, echo=FALSE, include=FALSE}
options(shiny.testmode = TRUE)
library(knitr) 
library(plotly)
data("diamonds")
```


```{r , echo=FALSE, include=FALSE}
fig <- plot_ly(diamonds, x = ~carat, y = ~price, type="scatter", mode="markers", color = ~clarity, width =200, height = 150)
orca(fig, file="diamonds.png")
```

![\label{fig:fig_prices_of_diamonds}The price of diamonds depnds on their size.](diamonds.png)

We can see in \Cref{fig:fig_prices_of_diamonds} how expensive diamonds can be. 

which produces

Option 2: Use webshot

Based on comments in this answer to Change output width of plotly chart size in R Markdown PDF output an alternative is to capture the image automatically using wesbot. Simply run the following once in the R console to install webshot (and PhantomJS which webshot in turn uses):

install.packages('webshot')
webshot::install_phantomjs()

One you have this you can adapt the above example to use instead:

```{r fig:fig_prices_of_diamonds, echo=FALSE, include=TRUE, fig.cap="\\label{fig:fig_prices_of_diamonds}The prices of diamonds increases perhaps?"}
plot_ly(diamonds, x = ~carat, y = ~price, type="scatter", mode="markers", color = ~clarity, width =400, height = 250)
```

We can see in \Cref{fig:fig_prices_of_diamonds} how expensive diamonds can be. 

which is much cleaner code.