javascript - 设置圆环图标题 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 在评论中建议的那样。