amCharts：如何在图表标题中设置字体系列？

Question

这是你在amCharts中定义标题的方法：

"titles": [{
    "text": "My Chart Title"
}, {
    "text": "My Chart Title  222",
    "bold": false
}]

但是我无法定义字体系列（如Arial），因为Title类不支持此功能。知道如何实现这一目标吗？

Answer 1

首先，有必要确定正确的标题 为此，您需要在配置中添加addClassNames。

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
    "addClassNames": true,
    "theme": "none"
});

接下来，您必须为标题设置id。 AmCharts会在DOM-Element上创建一个包含指定id的附加课程。

"titles": [{
        "text": "My Chart Title",
        "id": "main"
 }]

结果类：amcharts-title-main

现在，您需要做的就是在使用jQuery绘制图表时更改字体系列：

$(".amcharts-title-main").css("font-family", "Arial");

工作demo。

Answer 2

评论的补充：@gerric 对于4个版本的添加类，您需要：

import * as am4core from '@amcharts/amcharts4/core'
...
am4core.options.autoSetClassName = true

https://www.amcharts.com/docs/v4/reference/options/ https://www.amcharts.com/docs/v4/tutorials/chart-element-class-names-and-css/

对于将生成的标题，按模板分类：${classNamePrefix}${id} 附言默认情况下，classNamePrefix：'amcharts-'