门店数量ECharts Gallery

20:11:45图表已生成
代码
option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        data: ['新店', '存量店']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [{
        type: 'category',
        data: ['2020', '2021']
    }],
    yAxis: [{
        type: 'value'
    }],
    series: [{
            name: '新店',
            type: 'bar',
            stack: '广告',
            // markLine: {
            //     symbol: ['none', 'arrow'], //['none']表示是一条横线；['arrow', 'none']表示线的左边是箭头，右边没右箭头；['none','arrow']表示线的左边没有箭头，右边有箭头
            //     label: {
            //         position: "start" //将警示值放在哪个位置，三个值“start”,"middle","end" 开始 中点 结束
            //     },
            //     // data: [{
            //     //     silent: false, //鼠标悬停事件 true没有，false有
            //     //     lineStyle: { //警戒线的样式 ，虚实 颜色
            //     //         type: "dotted", //样式  ‘solid’和'dotted'
            //     //         color: "#fbb8ac",
            //     //         width: 3 //宽度
            //     //     },
            //     //     yAxis: 302 // 警戒线的标注值，可以有多个yAxis,多条警示线 或者采用 {type : 'average', name: '平均值'}，type值有 max min average，分为最大，最小，平均值
            //     // }]
            //     data : [
            //         {type : 'min',
            //              name: '预警线'
            //         },
            //         {type : 'max',
            //              name: '预警线'
            //         }
            //     ]

            // },
            data: [120, 132]
        },
        {
            name: '存量店',
            type: 'bar',
            stack: '广告',
            markLine: {
                symbol: ['none', 'arrow'], //['none']表示是一条横线；['arrow', 'none']表示线的左边是箭头，右边没右箭头；['none','arrow']表示线的左边没有箭头，右边有箭头
                label: {
                    position: "start" //将警示值放在哪个位置，三个值“start”,"middle","end" 开始 中点 结束
                },
                // data: [{
                //     silent: false, //鼠标悬停事件 true没有，false有
                //     lineStyle: { //警戒线的样式 ，虚实 颜色
                //         type: "dotted", //样式  ‘solid’和'dotted'
                //         color: "#fbb8ac",
                //         width: 3 //宽度
                //     },
                //     yAxis: 302 // 警戒线的标注值，可以有多个yAxis,多条警示线 或者采用 {type : 'average', name: '平均值'}，type值有 max min average，分为最大，最小，平均值
                // }]
                data : [
                    {type : 'min',
                         name: '预警线'
                    },
                    {type : 'max',
                         name: '预警线'
                    }
                ]

            },
            data: [182, 220]
        }
    ]
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
