Блог

Я пытаюсь отобразить график на странице HTML. Как я могу вставить этот график в Html.DiV(). Я пытался, но это выдало мне ошибку.

 import pandas as pd
import yfinance as yf
import matplotlib.pyplot as plt
import pyfolio as pf 
ticker='AAPL'

tickers_list = [ticker]
data = pd.DataFrame(columns=tickers_list)
for ticker in tickers_list:
    data[ticker] = yf.download(ticker, period='10y',)['Adj Close']
data = data.pct_change().dropna().mean(axis=1)
data.head()

fig, ax = plt.subplots()
pf.plot_monthly_returns_dist(data)
 

Графика Matplotlib не основана на HTML, как графики Plotly. Чтобы отобразить график Matplotlib, вам нужно сначала сохранить графику в виде изображения, а затем использовать html.Img функцию Dash для загрузки изображения на ваш веб-сайт / панель мониторинга.

Вы можете сохранить свой график matplotlib, добавив следующее в нижнюю часть приведенного выше сценария. Обратите внимание, что изображение, естественно, не будет интерактивным, вам нужно сначала переделать графику с помощью plotly, чтобы графика была интерактивной.

plt.savefig('monthly_returns_dist.jpg)

Затем вы можете указать на это место сохранения html.Img .

Вы можете узнать больше о html.Img том, как его использовать, и как его использовать здесь: https://dash.plotly.com/dash-html-components/img