echarts柱形图显示数值

admin 484 0

echarts柱形图默认是不显示数值的,要echarts柱形图上方显示数值实现效果见下图,在series里加itemStyle属性,show控制是否开启显示数值,position控制数值显示的方向上方就是top,textStyle控制数值的样式大小样式等。

echarts柱形图显示数值-第1张图片-前端这点事

echarts柱形图显示数值代码:

series: [{
            name: "销量",
            type: "bar",
            data: [5, 20, 40, 10, 10, 20],
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示数值
                  position: 'top', //数值在上方显示
                  textStyle: {  //数值样式
                    color: '#D1DBFF',   //字体颜色
                    fontSize: 14  //字体大小
                  }
                }
              }
            }
          }]
龙华富士康官网

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~