echarts 堆叠柱状图在顶部显示数据总数

最新推荐文章于 2024-06-26 14:30:11 发布

三里桃花不及卿.

最新推荐文章于 2024-06-26 14:30:11 发布

阅读量5.3k

点赞数 2

分类专栏：前端学习笔记文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/qq_51623742/article/details/127785028

版权

echarts 堆叠柱状图在顶部显示数据总数

1.效果图

在这里插入图片描述

2.实现步骤：

const myChart = echarts.init(this.leakTypeDivide)
    const option = {
   
      title: {
   
        text: '漏洞类型划分',
        x: 'center',
        y: 'bottom',
        textStyle: {
       // 副标题样式
          color: '#838080',
          fontWeight: 900,
          fontSize:15,
          lineHeight: 20,
          fontFamily: 'Microsoft Yahei'
        }
      },
      tooltip: {
   
        trigger: 'axis',
        axisPointer: {
   
          type: 'shadow' 
        }
      },
      legend: {
   },
      grid: {
   
        left: '3%',
        right: '4%',
        bottom: