javascript - 绘制图表后动态更改 amStockChart 中的所有字体颜色

Question

我有一个正在使用 amStockCharts 的网站。问题是，当我打开网站的深色主题时，amCharts 的所有标签:图例、日期时间范围、缩放级别等由于黑色字体而隐藏在黑色背景中。

如何动态更改图表字体颜色，而不是从 javascript 更改所有包含文本的类？

这与 Amcharts Inherit Font or set all Element Font 不同因为我想在绘制图表后更改颜色，所以我无法在配置或初始化方法中设置它。

AmChart 似乎使用内联样式，因此没有继承我在 super 元素中设置为 #fff 的颜色属性(即使在 !important 之后)。这是当我将背景变暗时我可以看到的内容:

Answer 1

您正确地说 amCharts 确实使用内联样式。我前段时间遇到了同样的问题，并使用了下面的CSS:(lightsOff是下面我的body标签的一个类，例如，chartdiv是用于绘制amCharts给出的图表的div)

.lightsOff #chartdiv text, .lightsOff #chartdiv input, .lightsOff .amChartsPeriodSelector {
    color: #fff !important;
    fill: #fff !important;
}

虽然这不是您真正要求的，因为我假设您正在要求某种方法或更改图表属性值并再次验证图表，但这可能比这更简单。