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

如何修改Anychart雷达图的标签字体大小?

如何修改Anychart雷达图的标签字体大小?

Anychart雷达图的标签主要分为径向轴标签(雷达图外围的分类标签)和数据点标签(每个数据点旁的数值标签),以下是两种标签的具体修改方法:

1. 修改径向轴标签的字体大小

通过调用轴的labels()方法直接设置fontSize属性即可:

// 初始化雷达图实例
var chart = anychart.radar();

// 将径向轴标签字体大小设置为14px
chart.radar().axis().labels().fontSize(14);

也可以结合其他样式属性批量配置:

chart.radar().axis().labels().fontSize(14).fontWeight("bold").fontColor("#2c3e50");

2. 修改数据点标签的字体大小

针对雷达图的系列数据标签,需要通过对应系列的labels()方法设置:

// 定义雷达图数据集
var dataSet = [
  {x: "性能", value: 85},
  {x: "续航", value: 70},
  {x: "外观", value: 90},
  {x: "价格", value: 65}
];

// 创建数据系列并绑定数据
var series = chart.radar(dataSet);

// 将数据点标签字体大小设置为12px
series.labels().fontSize(12);

若需要启用标签并同时配置样式,可传入配置对象:

series.labels().enabled(true).fontSize(12).fontFamily("Arial");

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.17 02:40:38