Публикация записных книжек Jupyter с сюжетной и мобильной поддержкой

#python #css #mobile #jupyter-notebook #plotly

#питон #CSS #Мобильный #юпитер-записная книжка #сюжетно

Вопрос:

То, что я ищу, — это простой способ публикации/экспорта записной книжки Jupyter, которая содержит графики, созданные с помощью Plotly как для настольных, так и для мобильных устройств. Отложив на данный момент Jupyter, я, похоже, испытываю проблемы с корректным определением размера графика только с помощью графика в базе.

Например:

 import plotly.graph_objects as go  scatter_cpi = go.Scatter(x=cpi['datetime'], y=cpi['CPIAUCNS']) fig = go.Figure() fig.add_trace(scatter_cpi) fig.update_xaxes(title="Year") fig.update_yaxes(title="CPI-AUCNS") config={'displayModeBar': False} fig.update_layout(  autosize=False,  width=375,  height=375) fig.show(config=config)  

Я выбрал 375 в качестве ширины, так как это размер окна просмотра на iPhone 6/7/8. Это создает изображение, которое едва занимает половину экрана на мобильном устройстве (имитация Chrome).:

График занимает только половину экрана

Я предполагаю, что это происходит потому, что дисплеи сетчатки имеют плотность пикселей в 2 раза больше. Если я увеличу до 750, все станет лучше, но размер шрифта слишком мал, и справа от диаграммы все еще остается мертвое пространство, которое я не понимаю:

График больше, но с избыточным правым заполнением

Есть какие-нибудь идеи о том, как лучше всего с этим справиться? Даже просто избавиться от пробелов справа было бы полезно. Обратите внимание, что все CSS, HTML и JavaScript генерируются процедурно с помощью сюжета, поэтому вносить изменения будет сложно. Поскольку Ploty экспортируется как SVG, я надеялся, что все это было ненужным.