Javascript 将CSS类注入HighCharts

Javascript 将CSS类注入HighCharts,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我正在尝试使用CSS类来防止在我现在正在处理的highchart上重复颜色代码(每个示例)。我们的想法是,这些CSS类将在这里使用,但考虑到不是所有随后出现的图表都将与此相同,我不想操纵所有这些图表的样式 这是一个我正在尝试做的例子 javascript,将其背景更改为CSS类上的颜色 $('#container').highcharts({ chart: { type: 'column', backgroundColor: '.bc' },... css: .bc{ back

我正在尝试使用CSS类来防止在我现在正在处理的highchart上重复颜色代码(每个示例)。我们的想法是,这些CSS类将在这里使用,但考虑到不是所有随后出现的图表都将与此相同,我不想操纵所有这些图表的样式

这是一个我正在尝试做的例子

javascript,将其背景更改为CSS类上的颜色

$('#container').highcharts({
 chart: {
 type: 'column', 
 backgroundColor: '.bc'
},...
css:

.bc{
    background-color: #2b2b2b;
}
我想做的事可能吗?如果没有,会有解决办法吗?

背景颜色:颜色

背景色可以得到任何颜色,如

背景颜色:“#42431D”

默认值为#FFFFFF(白色)

另一个选择是梯度-


我认为在这种情况下没有其他选择

,但这不会改变在这一次之后可能使用的所有图表的背景吗?另外,我想把它放在一个页面的css中,然后在javascript上使用它,这就是我想问的,如果可能的话……去研究主题(我想你正在谈论的)。不管怎样,谢谢你的提示!事实上,检查主题-这就是您可以为多个图表设置选项的方式。目前,Highcharts并不基于CSS类(当然,部分是基于CSS类,但最好使用JS来更改选项)。如果你想改变列的颜色-是的,就像pawel说的,看看主题。如果你想要一些简单和更灵活的东西,你可以使用d3。或者c3将更易于使用。现在我使用的是主题,我不确定它是否对我长期尝试做的事情有用,但现在它起作用了。谢谢,我会记住d3/c3的。谢谢你的帮助。
backgroundColor: {
            linearGradient: [0, 0, 500, 500],
            stops: [
                [0, 'rgb(0, 0, 0)'],
                [1, 'rgb(0, 0, 0)']
                ..........
            ]