Как я могу создать связанную ось X?

Question

import matplotlib.pyplot as plt 
import numpy as np 
import plotly.plotly as py 
from plotly.graph_objs import * 

py.sign_in('uname', 'pass') 


trace1 = Scatter(
    x=[1,2,3,4,5,6,7,8], 
    y=[24,25,30,21,33,31,30,29], 
    mode='lines', 
    xaxis='x1', 
    ) 

layout = Layout(
    title="My first plot", 
    yaxis=YAxis(
     title = "y1" 
     ), 
    xaxis=XAxis(
     title= 'x1', 
     anchor = 'x2' 
     ), 
    xaxis2=XAxis(
     title= 'x2', 
     side = 'top', 
     overlaying = 'y' 
     ), 
    ) 

data = [trace1] 

fig = Figure(data=data, layout=layout) 

plot_url = py.plot(fig) 

Я пытаюсь создать вторую ось X в верхней части графика (назовем ее x2). Я хочу, чтобы он был связан с значениями x1 с помощью формулы x2 = x1 * 0,3. В Matplotlib, я бы просто определить другую ось, и пересмотреть свой диапазон, и отношение будет сохраняться, даже если увеличить в/из:

ax2 = ax1.twiny() 
start, end = ax1.get_xlim() 
ax2.set_xlim(start*0.3, end*0.3) 

Так что эффект должен выглядеть следующим образом:

Как Я получаю такой же эффект в сюжете?

Answer 1

Довольно близко! Вот простой пример из множества х осей в Plotly, адаптировано из this example of multiple y-axes in Plotly with Python

import plotly.plotly as py 
from plotly.graph_objs import * 

trace1 = Scatter(
    x=[1,2,3], 
    y=[24,30,25], 
    mode='lines', 
    xaxis='x1', 
) 

trace2 = Scatter(
    x=[10,20,30], 
    y=[24,25,30], 
    mode='lines', 
    xaxis='x2', 
) 

layout = Layout(
    title="Multiple X-Axes", 
    yaxis=YAxis(
     title = "y1" 
     ), 
    xaxis=XAxis(
     title= 'x-axis 1' 
    ), 
    xaxis2=XAxis(
     title= 'x-axis 2', 
     side = 'top', 
     overlaying='x1' 
    ) 
) 

data = [trace1, trace2] 

fig = Figure(data=data, layout=layout) 

py.plot(fig, filename='multiple x axes') 

который создает этот график: (Интерактивная версия: https://plot.ly/~chris/3285)

Обратите внимание, что вы можете увеличивать и перемещаться по отдельным осям :

Вы можете указать диапазон этих осей вручную, используя Range parameter, который будет поддерживать соотношение при увеличении и уменьшении масштаба с помощью прокрутки. Вот простой пример:

import plotly.plotly as py 
from plotly.graph_objs import * 

trace1 = Scatter(
    x=[1,2,3], 
    y=[24,30,25], 
    mode='lines', 
    xaxis='x1', 
) 

trace2 = Scatter(
    x=[10,20,30], 
    y=[24,25,30], 
    mode='lines', 
    xaxis='x2', 
) 

layout = Layout(
    title="Multiple X-Axes", 
    yaxis=YAxis(
     title = "y1" 
     ), 
    xaxis=XAxis(
     title= 'x-axis 1', 
     range=[1, 3] 
    ), 
    xaxis2=XAxis(
     title= 'x-axis 2', 
     side = 'top', 
     overlaying='x1', 
     range=[10, 30] 
    ) 
) 

data = [trace1, trace2] 

fig = Figure(data=data, layout=layout) 

py.plot(fig, filename='multiple x axes with custom range') 

And here is the graph