Как изобразить фигуры рядом друг с другом на графике Da sh?

Question

Следующая ссылка предоставляет код для построения диаграммы на графике рядом с html компонентами. Тем не менее, я ищу похожую функциональность, такую ​​как plt.subplot из matplotlib. Следующее изображение, взятое из официальной документации matplotlib, является примером желаемого вывода.

Answer 1

Я выяснил, что при вложенных графиках на графике вы можете установить два графика рядом, указав аргумент domain в осях графика. Таким образом, подобно plt.subplot(nrows=1, ncols=2), domain позволяет вам указать положение графика вокруг оси x и оси y . Для автономного режима построения следующий код выводит точечный график с гистограммой рядом, как показано на рисунке ниже.

# Set plotly in offline mode
import plotly.graph_objs as go
import pandas as pd
offline.init_notebook_mode(connected=True)

# Simple Scatter plot
trace0 = go.Scatter(x = [10, 20, 30],
                    y = [40, 30, 20]
)

# Simple Bar chart
trace1 = go.Bar(x=['cat_1', 'cat_2', 'cat_3', 'cat_4'],
                y=[5, 27, 31, 48],

                xaxis='x2',
                yaxis='y2'
               )

# Data component 
data = [trace0, trace1]

# Layout component
layout = go.Layout(xaxis = dict(domain = [0.0, 0.45]),
                   xaxis2 = dict(domain = [0.55, 1.0]),
                   yaxis2 = dict(overlaying='y',
                                 anchor = 'free',
                                 position = 0.55
                                )

                  )

# Figure component
fig = go.Figure(data=data, layout=layout)

offline.iplot(fig)