要设置amCharts标签的字体,可以使用amCharts的Label插件。以下是一个示例代码,演示如何设置标签的字体:
// 创建图表实例
var chart = am4core.create("chartdiv", am4charts.XYChart);
// 设置数据源
chart.data = [{
"category": "Category 1",
"value": 10
}, {
"category": "Category 2",
"value": 20
}, {
"category": "Category 3",
"value": 15
}];
// 创建X轴
var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());
categoryAxis.dataFields.category = "category";
// 创建Y轴
var valueAxis = chart.yAxes.push(new am4charts.ValueAxis());
// 创建柱状图
var series = chart.series.push(new am4charts.ColumnSeries());
series.dataFields.valueY = "value";
series.dataFields.categoryX = "category";
// 创建标签
var labelBullet = series.bullets.push(new am4charts.LabelBullet());
labelBullet.label.text = "{valueY}";
labelBullet.label.fontFamily = "Arial"; // 设置字体
labelBullet.label.fontSize = 12; // 设置字体大小
// 设置主题样式
chart.theme = am4themes_animated;
// 渲染图表
chart.render();
在上面的代码中,首先创建了一个XYChart实例,然后设置了数据源和轴。接下来,创建了一个ColumnSeries实例,用于创建柱状图。通过创建LabelBullet实例,并设置label的字体和字体大小,来设置标签的字体。
最后,设置了主题样式并渲染图表。这样,标签的字体就会按照指定的样式显示在图表上。