格式化圆环图标题 amcharts

Format donut chart title amcharts

我想知道是否有办法在此图表标题中设置 css 样式。

chart.allLabels = [{
    'text': "<strong style='color:#666;font-size:18px'>80</strong>", 
    'align': 'center', 
    'y': '100'
}];

这只是显示为文字字符串,而不是 <strong> 标签的样式。

这可能吗?

由于图表上的标签是SVG节点,不支持HTML及相关的CSS。

查看您的示例,您似乎需要将以下内容应用于整个标签:

  • 加粗
  • 将颜色设置为#666
  • 将字体大小设置为 18

所有这一切都可以通过 label's properties:

chart.allLabels = [ {
  "text": "80",
  "align": "center",
  "y": "100",
  "bold": true,
  "size": 18,
  "color": "#666"
} ];

另一种选择是使用 CSS,正如@gerric 在评论中所建议的那样。