如何在Plotly.js图表中移除X轴时间仅保留日期？

你只需要在layout的xaxis配置中添加tickformat属性，指定日期格式即可实现仅显示日期的需求。

修改后的完整代码如下：

x = ["2023-02-13", "2023-02-14"];
y = [3, 4];
var trace1 = {
    type: "scatter",
    mode: "lines",
    name: '',
    x: x,
    y: y,
    line: {color: '#17BECF'}
}
var layout = {
    xaxis: {
        type: 'date',
        tickformat: '%Y-%m-%d' // 指定日期格式为年-月-日
    },
    title: '',
};
var data = [trace1];
Plotly.newPlot('plotDiv', data, layout);

说明 #

当x轴类型设为date时，Plotly会默认根据数据范围自动生成刻度格式，即便你的数据只包含日期，也可能额外显示默认的时间部分（如00:00）。通过显式设置tickformat，可以强制X轴刻度仅展示日期部分。你也可以根据需求调整格式字符串，比如'%m/%d/%Y'（月/日/年）等。

内容的提问来源于stack exchange，提问作者Frank