如何为Fusion Charts纵轴数值设置文本标签?含Excel/Google Sheets方案咨询
在Fusion Charts中为纵轴数值设置文本标签的实现方法
方法1:手动指定纵轴刻度与对应文本
适合固定刻度的场景,直接在纵轴配置里定义刻度数值和对应的文本标签:
{ "chart": { "caption": "示例图表", "yAxisName": "等级", "theme": "fusion" }, "yAxis": [ { "labels": [ {"value": 25, "label": "Low"}, {"value": 50, "label": "Medium"}, {"value": 75, "label": "High"} ], "minValue": 0, "maxValue": 100 } ], "data": [ {"label": "项目A", "value": 25}, {"label": "项目B", "value": 50}, {"label": "项目C", "value": 75} ] }
这段配置会让纵轴在25、50、75的位置分别显示对应的文本标签,同时保留数值对应的刻度位置。
方法2:使用标签格式化函数动态替换
如果需要根据数值范围或特定值自动匹配文本,可以用labelFormatter函数实现动态替换:
{ "chart": { "caption": "示例图表", "yAxisName": "等级", "theme": "fusion" }, "yAxis": [ { "labelFormatter": function(val) { if (val === 25) return "Low"; if (val === 50) return "Medium"; if (val === 75) return "High"; return val; // 非目标数值保留原显示 }, "minValue": 0, "maxValue": 100, "tickInterval": 25 } ], "data": [ {"label": "项目A", "value": 25}, {"label": "项目B", "value": 50}, {"label": "项目C", "value": 75} ] }
该函数会拦截纵轴的每个刻度值,匹配到目标数值时返回对应文本,其他数值则保持原显示。
额外说明
- 要确保纵轴的
tickInterval或手动定义的刻度值与目标数值完全匹配,否则文本标签不会显示在预期位置。 - Excel和Google Sheets原生轴确实不支持这种数值替换文本的显示方式,若需要导出带此类标签的图表,建议直接导出Fusion Charts生成的图片或PDF,而非导出数据到表格工具。
内容的提问来源于stack exchange,提问作者BobN
相关产品推荐
相关产品推荐

