企业官网建设流程全解析

在ThingsBoard-调整日期格式这篇文章中，讲解了如何在界面上调整日期格式。但在实际应用中，仪表板里的部件太多了，逐一调整费时费力而且容易遗漏，下面介绍直接调整JSON的方法，这种方法先将仪表板导出，调整之后再导入。

图形提示（tooltip）的日期调整方法

图形提示的日期和时间都是显示完全格式的，除了年之外，其它的都需要调整。

1. 原始设置

"tooltipDateFormat":{"format":null,"lastUpdateAgo":false,"custom":false,"auto":true,"autoDateFormatSettings":{}},

2. 调整为

"tooltipDateFormat":{"format":null,"lastUpdateAgo":false,"custom":false,"auto":true,"autoDateFormatSettings":{"month":"MM","day":"MM/dd","hour":"HH:mm","minute":"HH:mm","second":"HH:mm:ss","millisecond":"HH:mm:ss.SSS"}},

3. 调整方法

将"autoDateFormatSettings":{}替换为"autoDateFormatSettings":{"month":"MM","day":"MM/dd","hour":"HH:mm","minute":"HH:mm","second":"HH:mm:ss","millisecond":"HH:mm:ss.SSS"}

横坐标（x axis）的日期调整方法

横坐标的格式，时分秒本身设置就很简洁，只需要修改月和日。

1. 原始设置

"ticksFormat":{},

2. 修改为

"ticksFormat":{"month":"MM","day":"MM/dd"},