Javascript Highcharts：如何更改文本和背景颜色

我不熟悉Highcharts，我使用了一个非常简单的Highcharts条形图，它显示了水平堆叠的两列。我想更改背景色和字体颜色。文档中显示了如下示例：

Highcharts.setOptions({
    chart: {
        style: {
            fontFamily: 'monospace',
            color: "#f00"
        }
        etc . . . 

但是Highcharts.setOptions对我使用的javascript代码没有帮助：

    <div id="container" style="width:100%; height:400px;"></div>

    <script>
    $(function () { 
        var myChart = Highcharts.chart('container', {
            chart: {type: 'bar'},
            title: {text: 'Chart Title'},
            xAxis: {categories: ['Category1<br>Category2']},
            yAxis: {title: {text: 'Value'}
            },

            series: [{name: 'Cat1',data: [4.2]},
            {name: 'Cat2',data: [5691.7]}]
        });
    });
    </script>

$（函数（）{
var myChart=Highcharts.chart（'容器'{
图表：{type:'bar'}，
标题：{text:'图表标题'}，
xAxis:{categories:['Category1
Category2']}，
yAxis:{title:{text:'Value'}
},
系列：[{name:'Cat1'，数据：[4.2]}，
{名称：'Cat2'，数据：[5691.7]}]
});
});

如果我只是在yAxis下面插入背景色指令（背景色：#000000），图形就会从屏幕上消失

---

所以我的问题是如何在上面显示的Highcharts js代码中更改文本和背景颜色。谢谢

你不能写

背景色：#000000

，但

背景色：'#000000'

或

背景色：'#000000'

会起作用

chart: {
  type: 'bar',
  backgroundColor: '#000000',
  style: {
    fontFamily: 'monospace',
    color: "#f00" // This line won't work. You must set color for each element like title, axis labels ...
  }
}

---

Core972，非常感谢您在Fiddle上发布的示例代码。这对我来说很有效，但我不能同时看到两个酒吧。我现在正在努力，但如果你能告诉我原因，我将非常感激。再次感谢您的帮助。顺便说一句，这是一个对数刻度，所以我将您的代码更改为：yAxis:{title:{text:'Time in Seconds-对数刻度'，键入：'logorical'，颜色：'#FFFFFF'}但没有对数scale@RTC222，我用对数轴更新了小提琴，非常感谢。我在Highcharts论坛上也得到了很好的帮助。