为AmCharts 4标签添加样式

Question

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

-我正在使用AmChart演示中的Cylinder 3D图表中的javascript代码。

是否可以将CSS添加到标签/标签文本中？

我想在标签上添加白色阴影以使其可读。而且，通过这种方式，当文本位于白色图表背景上时，它不会影响文本。

编辑：2018/12/18-我正在寻找文字更接近这样的东西：

即使该条很短并且文本位于白色背景下，也可以看到这些内容。

Answer 1

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

categoryAxis.renderer.labels.template.fill = am4core.color("#fff");

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

Answer 2

您可以使用CSS向SVG文本添加白色笔触。首先为amCharts 4启用CSS类：

Failed to compile.

./src/styles/main.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/styles/main.scss)
Module not found: Can't resolve './components' in '~/src/styles'

然后将其添加到您的CSS中：

am4core.options.autoSetClassName = true;

这将为所有LabelBullet文本添加4px的白色轮廓。