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