Отобразить интерактивный график (. html файл) на страницах GitHub - PullRequest
Новая
       11

Отобразить интерактивный график (. html файл) на страницах GitHub

10 голосов
/ 03 марта 2020

Я создал следующий сюжетный график, подобный этому: 

import plotly
labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen']
values = [4500, 2500, 1053, 500]

trace = plotly.graph_objs.Pie(labels=labels, values=values)
plotly.offline.plot([trace], filename='basic-pie-chart')

Затем я создал html как таковой: 

print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div'))

При выполнении кода выше генерируется. * Файл 1015 *, который я могу просмотреть в своем браузере.

Есть ли способ отобразить файл. html в середине файла уценки на моих страницах GitHub, чтобы я мог использовать интерактивные функции сюжета ?

Вот аналогичный вопрос, который я задал

1 Ответ

4 голосов
/ 31 марта 2020

Если вы используете Jekyll на своем сайте GitHub Pages.

Подготовьте ваши данные: 

import plotly.graph_objects as go

labels = ['Oxygen','Hydrogen','Carbon_Dioxide','Nitrogen']
values = [4500, 2500, 1053, 500]
fig = go.Figure(data=[go.Pie(labels=labels, values=values)])
fig.show()

Создайте HTML файл: 

import plotly.io as pio

pio.write_html(fig, file='figure.html', auto_open=True)

Загрузите файл figure.html и отправьте его в папку _includes в root хранилища вашего сайта.

Теперь, если вы используете markdown для создания своих сообщений, Вы можете использовать , включать тег и вызывать figure.html в своем сообщении примерно так: 

{% include figure.html %}

Зафиксируйте эту строку в файле .md вашего сообщения в папке _posts. Результаты проверки.

...