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

Question

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

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

这与Amcharts Inherit Font 或设置所有元素字体不同，因为我想在绘制图表后更改颜色，因此我无法在 config 或 init 方法中设置它。

AmChart 似乎正在使用内联样式，因此没有继承我在超级元素中设置为 #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;
}

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