HighCharts设置图表背景透明

来源：互联网发布：淘宝美元支付购物编辑：程序博客网时间：2024/05/21 15:51
其实就一句话：
backgroundColor: 'rgba(0,0,0,0)'
完整示例：
$(function () {        $('#container').highcharts({            chart: {                type: 'column',                backgroundColor: 'rgba(0,0,0,0)'            },            title: {                text: 'Stacked column chart'            },            xAxis: {                categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']            },            yAxis: {                min: 0,                title: {                    text: 'Total fruit consumption'                },                stackLabels: {                    enabled: true,                    style: {                        fontWeight: 'bold',                        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'                    }                }            },            legend: {                align: 'right',                x: -70,                verticalAlign: 'top',                y: 20,                floating: true,                backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',                borderColor: '#CCC',                borderWidth: 1,                shadow: false            },            tooltip: {                formatter: function() {                    return '<b>'+ this.x +'</b><br/>'+                        this.series.name +': '+ this.y +'<br/>'+                        'Total: '+ this.point.stackTotal;                }            },            plotOptions: {                column: {                    stacking: 'normal',                    dataLabels: {                        enabled: true,                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'                    }                }            },            series: [{                name: 'John',                data: [5, 3, 4, 7, 2]            }, {                name: 'Jane',                data: [2, 2, 3, 2, 1]            }, {                name: 'Joe',                data: [3, 4, 4, 2, 5]            }]        });    });
0 0