ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

ThingsBoard-批量调整日期格式

ThingsBoard-批量调整日期格式

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

图形提示(tooltip)的日期调整方法

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

  1. 原始设置
"tooltipDateFormat":{"format":null,"lastUpdateAgo":false,"custom":false,"auto":true,"autoDateFormatSettings":{}},
  1. 调整为
"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"}},
  1. 调整方法
"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":{},
  1. 修改为
"ticksFormat":{"month":"MM","day":"MM/dd"},
返回列表