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

时间:2018-07-29 10:18:33

标签: javascript amcharts amstock

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

如何动态更改图表字体颜色,而不是从javascript中更改所有带有文本的类的字体颜色?

这与Amcharts Inherit Font or set all Element Font不同,因为我要在绘制图表后更改 的颜色,因此无法在config或init方法中进行设置。

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

enter image description here

1 个答案:

答案 0 :(得分:1)

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

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

尽管这并不是您真正要的,因为我假设您正在寻找某种方法或更改统计图属性值并再次验证统计图,但这可能比这简单。