@emackey的答案并不能生成多个x轴。这是一个有效的语法,可以在同一张图上显示两个不同的数据集,其中一个y轴和两个x轴。
var trace1 = {
x: [1, 2, 3],
y: [40, 50, 60],
name: 'yaxis data',
type: 'scatter'
};
var trace2 = {
x: [12, 13, 14],
y: [4, 5, 6],
name: 'yaxis2 data',
xaxis: 'x2',
type: 'scatter'
};
var data = [trace1, trace2];
var layout = {
yaxis: {title: 'yaxis title'},
xaxis2: {
title: 'xaxis2 title',
titlefont: {color: 'rgb(148, 103, 189)'},
tickfont: {color: 'rgb(148, 103, 189)'},
overlaying: 'x',
side: 'top'
}
};
Plotly.newPlot('myDiv', data, layout);
这将产生以下图形。这个链接将帮助您进一步了解文档。
![这将产生以下图形](https://istack.dev59.com/OlJCs.webp)