plotly.jsの同じ図の2つのプロットをプロットする方法

Question

plotly.jsを使用して同じ図に2つのプロットをプロットします。私はplotly.jsのドキュメントを見てきましたが、それを見つけることができませんでした。どのような身体を助けることができる？

最初のプロット：

var data4 = [ { 
     z: z, 
     x: x, 
     y: y, 
     type: 'contour' 
    } 
]; 

var layout = { 
    title: 'Simple Contour Plot' 
} 

Plotly.newPlot('visualization2', data4, layout); 

2番目のプロット：

var trace = { 
    x: x11, 
    y: x21, 
    mode: 'lines+markers' 
}; 

var data3 = [ trace]; 

var layout = { 
    title:'Line and Scatter Plot', 
    height: 400, 
    width: 480 
}; 

Plotly.newPlot('visualization3', data3, layout); 

私はこれらの2つの1の図をプロットしたい。ここ

は、コードスニペットです。注：最初のものは等高線図であり、2番目のものは線図です。

Answer 1

あなたは、プロットしたいデータに多くのトレースを付けることができます。それはプロットします。

グラフごとにタイトルは1つしかできませんが、複数の軸タイトルを持つこともできます。

var firstPlotTrace = { 
    z: z, 
    x: x, 
    y: y, 
    type: 'contour' 
    name: 'yaxis data' 
}; 

var secondPlotTrace = { 
    x: x11, 
    y: x21, 
    mode: 'lines+markers' 
    name: 'yaxis2 data' 
}; 

var plotData = [firstPlotTrace, secondPlotTrace]; 

var layout = { 
    title: 'Double Plot Title', 
    height: 400, 
    width: 400, 
    yaxis: {title: 'Simple Contour Plot Axis', range: [-20, 20]} 
    yaxis2: {title: 'Line and Scatter Plot Axis', range: [-20, 20]} 
}; 

Plotly.newPlot('plotDiv', plotData, layout); 

HTML -

<div id="plotDiv" style="height: 400px; width: 400px;"></div>