如何固定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
相关产品推荐
相关产品推荐

