Highcharts: как изменить цвет текста и фона

Question

Я новичок в 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>

Если я просто вставлю директиву background-color (background-color: # 000000) ниже yAxis, график исчезнет с экрана.

Поэтому мой вопрос заключается в том, как изменить цвет текста и фона в js-коде Highcharts, показанном выше. Благодарю.

Answer 1

Вы не можете написать background-color: #000000, но 'background-color': '#000000' или backgroundColor: '#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 ...
  }
}

Fiddle