为 AmCharts 4 标签添加样式

Eri*_*ric 2 javascript charts amcharts

我在 AmCharts 4 中有一个圆柱条形图,它使用较深的配色方案。条形上标签的文本颜色为黑色,并没有真正显示为较深的颜色。

- 我正在使用 AmChart's Demos for the Cylinder 3D Chart 中说明的 javascript 代码。

带有不可读标签的深色图表

有没有办法将 css 添加到标签/标签文本?

我想在标签上添加一个白色的文本阴影以使其可读。此外,这样,当文本位于白色图表背景上时,它不会影响文本。

编辑:2018 年 12 月 18 日 - 我正在寻找更接近于这样的文字: 可读图表标签

这些将能够被看到,即使栏很短并且文本位于白色背景下。

Dar*_*son 10

您可以将填充设置为标签模板:

categoryAxis.renderer.labels.template.fill = am4core.color("#fff");
Run Code Online (Sandbox Code Playgroud)

请在此处查看示例:https : //codepen.io/team/amcharts/pen/3446cd09288ee4e5901c73b3970adbfe?editors=0010

  • 您可以尝试`labelTemplate.background.fill = am4core.color("#000");` 或处理填充和[fillOpacity](https://www.amcharts.com/docs/v4/reference/label/# fillOpacity_property) 值。请检查更新的示例。 (2认同)