绘制图表后动态更改 amStockChart 中的所有字体颜色
Change all the font colors in amStockChart dynamically after the chart is drawn
我有一个使用 amStockCharts 的网站。问题是,当我打开网站的深色主题时,amCharts 的所有标签:图例、日期时间范围、缩放级别等都隐藏在黑色背景中,因为黑色字体。
如何动态更改图表字体颜色,而不是将其从 javascript 更改为所有包含文本的 类?
这与 不同,因为我想在绘制 图表后更改颜色 ,因此我无法在配置或初始化方法中设置它。
AmChart 似乎正在使用内联样式,因此没有继承我在超级元素中设置为#fff 的颜色 属性(甚至在 !important
之后)。这是我将背景调暗后可以看到的内容:
您说得对,amCharts 确实使用了内联样式。前段时间我遇到了同样的问题并使用了下面的 css:绘制由 amCharts 给出的图表)
.lightsOff #chartdiv text, .lightsOff #chartdiv input, .lightsOff .amChartsPeriodSelector {
color: #fff !important;
fill: #fff !important;
}
虽然这不是您真正要求的,因为我假设您是在寻求某种方法或更改图表 属性 值并再次验证图表,但这一个可能比那个更简单。
我有一个使用 amStockCharts 的网站。问题是,当我打开网站的深色主题时,amCharts 的所有标签:图例、日期时间范围、缩放级别等都隐藏在黑色背景中,因为黑色字体。
如何动态更改图表字体颜色,而不是将其从 javascript 更改为所有包含文本的 类?
这与
AmChart 似乎正在使用内联样式,因此没有继承我在超级元素中设置为#fff 的颜色 属性(甚至在 !important
之后)。这是我将背景调暗后可以看到的内容:
您说得对,amCharts 确实使用了内联样式。前段时间我遇到了同样的问题并使用了下面的 css:绘制由 amCharts 给出的图表)
.lightsOff #chartdiv text, .lightsOff #chartdiv input, .lightsOff .amChartsPeriodSelector {
color: #fff !important;
fill: #fff !important;
}
虽然这不是您真正要求的,因为我假设您是在寻求某种方法或更改图表 属性 值并再次验证图表,但这一个可能比那个更简单。