鍍金池/ 問答/HTML/ echarts 圖表的背景顏色怎么設(shè)置

echarts 圖表的背景顏色怎么設(shè)置

我在行內(nèi)設(shè)置樣式它也會把我的代碼去除掉,它的背景顏色是透明的。我想把背景顏色設(shè)置成白色。圖片描述圖片描述
目前代碼是這樣的:

//初始化echarts
        var myChart = echarts.init(document.getElementById('main'));
        // 指定圖表的配置項(xiàng)和數(shù)據(jù)
        var option = {
            grid:{
                x:35,
                y:10
              },
            tooltip: {},
            xAxis: {
                data: ['23:00','24:00','01:00','02:00','03:00','04:00','05:00','06:00','07:00',]
            },
            yAxis: {
                axisLabel:{
                    //用formatter指定刻度
                    formatter: function (value) {
                var texts = [];
                if(value==0){
                    texts.push('');
                    }
                    else if (value <=1) {
                    texts.push('靜臥');
                    }
                    else if (value<= 2) {
                    texts.push('做夢');
                    }
                    else if(value<= 3){
                    texts.push('淺睡');
                    }
                    else{
                    texts.push('深睡');
                    }
                    return texts;
                        }
                }
                },
                // 提示框信息
                tooltip: {
                    trigger: 'axis',
                    formatter:function(datas){
                        console.log(datas[0].seriesName);
                        var sleepVal = '';
                        if(datas[0].value == 1){
                            sleepVal = '靜臥';
                        }else if(datas[0].value == 2){
                            sleepVal = '做夢';
                        }else if(datas[0].value == 3){
                            sleepVal = '淺睡';
                        }else if(datas[0].value == 4){
                            sleepVal = '深睡';
                        }
                        return  datas[0].name +'--' + sleepVal;
                        }
                },
            series: [{
                name: '睡眠狀態(tài)',
                type: 'line',
                data: [1,1,4,2,3,1,2,3,4],
                symbolSize:7,
                itemStyle:{
                    normal:{
                        color:'#6eaaee',
                        lineStyle:{
                            color:'#FFD700',
                            width:3
                        }
                    }
                }
            }
            ]
        };
        // 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。
        myChart.setOption(option);
回答
編輯回答
放開她

clipboard.png
直接設(shè)置就可以了
var option = {

grid:...,
tooltip: ...,
...
backgroundColor: #fff

}

2017年9月13日 06:43
編輯回答
舊螢火

backgroundColor: 'rgb(255,255,255)'

2018年3月6日 22:57