绘图格式轴日期

Question

在下面的代码中，如果我选择scatter3d而不是scatter，那么xaxis中的所有参数tickformat和title都是完全忽略，而且无法在任何轴下格式化任何东西

如有任何建议，我们将不胜感激。

失败的 3D 绘图具有离谱的日期格式

具有适当HH:MM:SS格式的工作图

function setup_plot(){
    type='scatter';
    var x=[],x0=new Date();
    for (i=0;i<5;i++){
        x[i]=new Date();
        x[i].setTime(x0.getTime()+i*12*3600000);
    }
    var trace = [
        {
            type: type,
            mode: 'lines',
            x: x,
            y: [1.0,1.0,1.0,1.0,1.0],
            z: [2.6,1.2,6.3,4.8,4.7]
        },
        {
            type: type,
            mode: 'lines',
            x: x,
            y: [2.0,2.0,2.0,2.0,.0],
            z: [3.1,2.6,4.8,3.8,1.7]
        }
    ];
    var layout = {
        title: "Failing Plot",
        xaxis:{
            title:'Dates',
            tickformat: '%H:%M:%S',
            tickformatstops: [
                {
                dtickrange: [1000,60000],
                value: '%H:%M:%S'
                },
                {
                dtickrange: [60000,3600000],
                value: '%H:%M:%S'
                },
                {
                dtickrange: [3600000,86400000],
                value: '%H:%M:%S'
                },
                {
                dtickrange: [86400000,604800000],
                value: '%d'
                }
            ]
        }
    };
    Plotly.newPlot('plot',trace,layout);

}

Answer 1

对于 3d 图表，必须在场景中提供轴布局，因此

const layout = {
  scene: {
    xaxis: {
      title: 'Dates',
      ...
    }
  }
}

见https://plotly.com/javascript/3d-axes/

绘图格式轴日期

Plotly Format Axis Date

javascript

date-formatting

plotly.js