Question

我想将自定义css规则添加到由highcharts生成的图表的标题中。更确切地说，我正在尝试添加背景和边框。我尝试了几种方法，但最稳定的方法如下;

 title: {
            style: {
                color: '#FF00FF',
                fontWeight: 'bold',
                background-color: 'green',
                border: '1px'
            }
        },

此代码适用于字体的颜色和重量，但其他选项不起作用，我也试过（backgroundColor）

EX =＆GT。 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/title/style/

Answer 1

问题是SVG文本元素没有border属性，因此无法设置。然后解决方法是为标题设置useHTML:true，然后渲染HTML标记。例如：http://jsfiddle.net/3bQne/668/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    title: {
        useHTML: true,
        style: {
            color: '#FF00FF',
            fontWeight: 'bold',
            'background-color': 'green',
            border: '1px solid black'
        }
    },
    xAxis: {
        categories: ['01/02/2012','01/03/2012','01/04/2012','01/05/2012','01/06/2012','01/07/2012'],
        labels: {
            rotation: -90,
            align: 'right'
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]        
    }]
});

如何在highcharts中为标题添加边框

1 个答案: