Plotly图例在每个子图旁边，Python

Question

Plotly图例在每个子图旁边，Python

12

注意到目前这个问题没有答案，想知道有没有人有关于以下两点的想法：

为每个次图添加图例。
按名称分组图例。（例如：对于不同的子图，所有曲线都相同，但值不同）

这是我的 Plotly 脚本：

from plotly import tools
import plotly.plotly as py
import plotly.graph_objs as go
import plotly
nom_plot=[]

trace1 = go.Scatter(x=[1, 2, 3], y=[4, 5, 6],name='1',showlegend=True)
nom_plot.append('GRAPH 1')
trace2 = go.Scatter(x=[20, 30, 40], y=[50, 60, 70],name='2',yaxis='y2')
nom_plot.append('GRAPH 2')
trace3 = go.Scatter(x=[300, 400, 500], y=[600, 700, 800],showlegend=False)
nom_plot.append('GRAPH 3')
trace4 = go.Scatter(x=[4000, 5000, 6000], y=[7000, 8000, 9000])
nom_plot.append('GRAPH 4')
trace5 = go.Scatter(x=[20, 30, 40], y=[50, 60, 70])
nom_plot.append('GRAPH 5')

print(trace1)



fig = tools.make_subplots(rows=4, cols=2, subplot_titles=(nom_plot))

fig.append_trace(trace1, 1, 1)
fig['layout']['xaxis1'].update(title='xaxis 1 title')
fig.append_trace(trace2, 1, 1)
fig.append_trace(trace3, 2, 1)
fig.append_trace(trace4, 2, 2)
fig['layout']['yaxis3'].update(title='yaxis 3 title')
fig.append_trace(trace5, 3, 1)


fig['layout']['yaxis2'].update(
    overlaying='y1',
    side='right', 
    anchor='x1',
    # domain=[0.15, 1],
    range=[2, 6],
    # zeroline=False,
    showline=True, 
    showgrid=False,
    title='yaxis 3 title'
)

fig['layout'].update(height=1000, width=1000, title='Multiple Subplots' +' with Titles')


plotly.offline.plot(fig, filename='multiple-y-subplots6.html')

这是我使用 Plotly 脚本获得的结果：

而这是我想要的（使用 Pygal 制作）：

- belkacem mekakleb

2

你能否创建一个最小、完整且可验证的示例？ - DavidG

1

不确定您在第二个问题中询问什么，但对于第一个问题，请查看https://dev59.com/Bl8d5IYBdhLWcg3wRAeE - Veltzer Doron

1

@Veltz 我在谈论 Plotly，而不是 Matplotlib。 - belkacem mekakleb

1

https://community.plot.ly/t/plotly-subplots-with-individual-legends/1754 - Maximilian Peters

2个回答

3

我使用了两个并排的 Div 元素来模拟 Plotly 的 subplot。这样做，我们就有了独立的图例。然而，如果我们想共享一个轴，我们就需要手动完成：

app.layout = html.Div(children=[
        html.Div(['YOUR FIRST GRAPH OBJECT'],
                 style = {'float':'left', 'width':'49%'}) ,
        html.Div(['YOUR SECOND GRAPH OBJECT'],
                 style = {'float':'right', 'width':'49%'})   
                ])

- Ali

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- belkacem mekakleb · Accepted Answer

解决方法是创建一个HTML文件，将多个离线渲染为HTML文件的图表合并在一起：

import plotly
import plotly.offline as py
import plotly.graph_objs as go

fichier_html_graphs=open("DASHBOARD.html",'w')
fichier_html_graphs.write("<html><head></head><body>"+"\n")

i=0
while 1:
    if i<=40:
        i=i+1


        #______________________________--Plotly--______________________________________


        color1 = '#00bfff'
        color2 = '#ff4000'

        trace1 = go.Bar(
            x = ['2017-09-25','2017-09-26','2017-09-27','2017-09-28','2017-09-29','2017-09-30','2017-10-01'],
            y = [25,100,20,7,38,170,200],
            name='Debit',
            marker=dict(
                color=color1
            )

        )
        trace2 = go.Scatter(

            x=['2017-09-25','2017-09-26','2017-09-27','2017-09-28','2017-09-29','2017-09-30','2017-10-01'],
            y = [3,50,20,7,38,60,100],
            name='Taux',
            yaxis='y2'

        )
        data = [trace1, trace2]
        layout = go.Layout(
            title= ('Chart Number: '+str(i)),
            titlefont=dict(
            family='Courier New, monospace',
            size=15,
            color='#7f7f7f'
            ),
            paper_bgcolor='rgba(0,0,0,0)',
            plot_bgcolor='rgba(0,0,0,0)',

            yaxis=dict(
                title='Bandwidth Mbit/s',
                titlefont=dict(
                    color=color1
                ),
                tickfont=dict(
                    color=color1
                )
            ),
            yaxis2=dict(
                title='Ratio %',
                overlaying='y',
                side='right',
                titlefont=dict(
                    color=color2
                ),
                tickfont=dict(
                    color=color2
                )

            )

        )
        fig = go.Figure(data=data, layout=layout)
        plotly.offline.plot(fig, filename='Chart_'+str(i)+'.html',auto_open=False)
        fichier_html_graphs.write("  <object data=\""+'Chart_'+str(i)+'.html'+"\" width=\"650\" height=\"500\"></object>"+"\n")
    else:
        break

fichier_html_graphs.write("</body></html>")
print("CHECK YOUR DASHBOARD.html In the current directory")

结果：