echarts 显示顶部数值 折线图图表上面显示数据 柱形图图表上面显示数据

重点是在series中增加属性 折线图同理

label: { 
                normal: { 
                    show: true,
                    position: 'top'
                }
            },
       

《echarts 显示顶部数值 折线图图表上面显示数据 柱形图图表上面显示数据》

option = { 
    tooltip: { 
        trigger: 'axis',
        axisPointer: {             // 坐标轴指示器,坐标轴触发有效
            type: 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
        }
    },
    legend: { 
        data: ['直接访问', '邮件营销']
    },
    xAxis: [
        { 
            type: 'category',
            data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        }
    ],
    yAxis: [
        { 
            type: 'value'
        }
    ],
    series: [
        { 
            name: '直接访问',
            type: 'bar',
            label: { 
                normal: { 
                    show: true,
                    position: 'top'
                }
            },
            data: [320, 332, 301, 334, 390, 330, 320]
        },
        { 
            name: '邮件营销',
            type: 'bar',
            stack: '广告',
            label: { 
                normal: { 
                    show: true,
                    position: 'top'
                }
            },
            data: [120, 132, 101, 134, 90, 230, 210]
        }
    ]
};
    原文作者:人间清醒小仙女
    原文地址: https://blog.csdn.net/weixin_45631278/article/details/109491999
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞