You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何固定FusionChart时间轴格式,避免随图表尺寸变化?

解决FusionCharts时间轴格式随尺寸变化的问题

要让FusionCharts的时间轴始终固定为03/04/2022 00:20这类格式,核心是强制指定固定格式字符串+禁用自动调整逻辑,具体配置分两种常见场景:

1. 时间序列(TimeSeries)图表

在图表的xAxis配置中添加以下参数:

{
  "chart": {
    // 你的其他图表基础配置
  },
  "xAxis": {
    "labelFormat": "%m/%d/%Y %H:%M", // 对应MM/DD/YYYY HH:mm格式,可按需求调整日期顺序
    "autoScale": false, // 禁用时间轴自动缩放调整格式
    "labelDisplay": "rotate", // 可选:标签显示不下时旋转,避免换行或改格式
    "rotateLabels": "45" // 可选:设置旋转角度,适配不同尺寸
  },
  // 数据系列等其他配置
}

2. 普通类别轴(如折线/柱状图用时间作为类别)

在xAxis的labels节点中指定格式并禁用自动格式化:

{
  "chart": {
    "xAxisName": "时间",
    // 其他图表配置
  },
  "xAxis": {
    "labels": {
      "format": "%m/%d/%Y %H:%M",
      "useAutoFormat": false // 禁止自动调整标签格式
    }
  },
  "categories": [
    {
      "category": [
        {"label": "03/04/2022 00:20"},
        // 其他时间标签
      ]
    }
  ],
  // 数据系列配置
}

关键说明

  • 格式符对应规则:%d=日,%m=月,%Y=四位年份,%H=24小时制小时,%M=分钟,可根据你的日期顺序(如日/月/年)调整格式字符串
  • 必须禁用自动调整相关参数(autoScale或useAutoFormat),否则图表尺寸变化时,FusionCharts会自动切换更紧凑的格式适配空间

内容的提问来源于stack exchange,提问作者yiha

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 06:15:05