折线图

欧阳小白 1年前 ⋅ 439 阅读
option = {
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
            axisLabel: {
                show: true,
                textStyle: {
                    color: 'white',  //更改坐标轴文字颜色
                }
            },
        },
        tooltip : {
            trigger: 'axis',
            formatter(params){
                for(var x in params){
                    return '用电量:'+params[x].name +"<br>"+params[x].data+"khw(峰时段)";
                }

            }
        },

        yAxis: {
            type: 'value',
            name: '单位(kwh)',
            nameTextStyle: {
                color: 'white'
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: 'white',  //更改坐标轴文字颜色
                }
            },
        },
        grid: {
            left: '1%',
            right: '1%',
            bottom: '1%',
            containLabel: true
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320,1400,1420,1450,1460,1480],
            type: 'line',
            areaStyle: {
                normal: {
                    color: '#F99A42' //改变区域颜色
                }
            },itemStyle : {
                normal : {
                    color:'#1A1A1A', //改变折线点的颜色
                    lineStyle:{
                        color:'#F99A42' //改变折线颜色
                    }
                }
            },

        }]
    };

全部评论: 0

    我有话说:

    咨询问题

    点击这里给我发消息

    淘宝咨询

    博主承接代做业务

    真·送云服务器

    咨询博主