javascript - 如何通过CSS规则控制Highchart.js Dom元素

Question

你能看看this Demo吗？让我知道如何控制 Highchart 元素的 CSS 规则，如标题或背景颜色？ 我知道 Highchart 为它提供了一些内部属性和功能，但我还需要通过 CSS 和 Dom Manipulation 来实现。

这是我尝试更改 Highchart 标题颜色的代码:

.highcharts-title{color:red !important;}

但是没有成功!

谢谢

Answer 1

据我所知，这是首选的方式。

演示 http://jsfiddle.net/o7jrucf6/2/

    $('#container').highcharts({

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    title: {
         style: {
            color: 'red'          
         }            
      },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]



});