echarts 图表的背景颜色怎么设置

sai2333
  • 45

我在行内设置样式它也会把我的代码去除掉,它的背景颜色是透明的。我想把背景颜色设置成白色。图片描述图片描述
目前代码是这样的:

//初始化echarts
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        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: '睡眠状态',
                type: 'line',
                data: [1,1,4,2,3,1,2,3,4],
                symbolSize:7,
                itemStyle:{
                    normal:{
                        color:'#6eaaee',
                        lineStyle:{
                            color:'#FFD700',
                            width:3
                        }
                    }
                }
            }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
回复
阅读 27.5k
2 个回答

clipboard.png
直接设置就可以了
var option = {

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

}

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏