格式圆环图标题amcharts

Question

我想知道是否有一种方法可以在此图表标题中使用CSS样式。

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

这只显示为文字字符串，而不是样式化<strong>标记。

这可能吗？

Answer 1

由于图表上的标签是SVG节点，因此它们不支持HTML和相关的CSS。

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

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

所有这些都适用于label's properties：

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

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