UI5 VizFrame info/dual_line图表plotArea窗口结束日期不生效问题

你要实现info/dual_line图表初始显示「今日」到「7天前」的范围且支持缩放，但配置plotArea.window.end后图表仍显示全部数据到最后一个点，以下是可能的问题点和解决办法：

1. 仅设置end未指定start，图表自动扩展范围 #

多数图表库的窗口范围配置需要同时指定start和end才能锁定初始显示区间。你只设置了end，图表可能会自动从数据起始点延伸到你设置的end，但如果数据中有超过end的点，就会覆盖你的配置。

修改Properties配置，补充start（7天前的时间戳/Date对象）：

plotArea: {
  window: {
    start: {
      categoryAxis: {
        CreationTimestamp: new Date(Date.now() - 7 * 24 * 60 * 60 * 1000) // 7天前的时间
      }
    },
    end: {
      categoryAxis: {
        CreationTimestamp: new Date(1673442669000) // 今日指定时间
      }
    }
  }
}

2. 时区或时间格式不匹配 #

你确认了end的日期和数据中的点完全匹配，但要注意Date对象的时区问题：比如你本地时区创建的Date对象，和数据中存储的UTC时间戳可能存在偏移，导致实际匹配不上。

建议统一使用毫秒级时间戳来配置，避免时区干扰：

// 假设7天前的时间戳是1672837869000，今日的是1673442669000
plotArea: {
  window: {
    start: {
      categoryAxis: {
        CreationTimestamp: 1672837869000
      }
    },
    end: {
      categoryAxis: {
        CreationTimestamp: 1673442669000
      }
    }
  }
}

同时检查Dataset中的dataType是否正确设置为"date"，确保图表能正确解析时间戳。

3. 图表库的window配置需要额外参数 #

部分图表库的窗口范围配置可能需要指定mode或其他属性来强制锁定初始范围，比如设置mode: 'fixed'（根据你使用的库调整）：

plotArea: {
  window: {
    mode: 'fixed', // 强制使用指定的start/end作为初始范围
    start: {
      categoryAxis: {
        CreationTimestamp: 1672837869000
      }
    },
    end: {
      categoryAxis: {
        CreationTimestamp: 1673442669000
      }
    }
  }
}

4. Feed与Dataset的关联验证 #

确认Feed的values数组中的"CreationTimestamp"和Dataset中dimensions的name完全一致（注意大小写，比如是否是creationTimestamp小写开头），如果名称不匹配，图表无法正确识别维度，导致window配置失效。

修正后的Dataset配置（原代码缺少逗号和引号，属于语法笔误）：

dimensions: [
  {
    name: "CreationTimestamp",
    value: "{CreationTimestamp}",
    dataType: "date"
  }
]

总结 #

你的核心问题大概率是未同时设置start和end范围，或者时区导致的时间匹配偏差。先补充start配置，并用时间戳代替Date对象测试，应该能解决初始范围不生效的问题。

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