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;
}

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