echart环形图的options

最新推荐文章于 2023-12-05 16:44:59 发布

新时代的弩力

最新推荐文章于 2023-12-05 16:44:59 发布

阅读量179

点赞数

分类专栏：数据可视化文章标签： javascript html html5

本文链接：https://blog.csdn.net/qq_42372534/article/details/129386635

版权

数据可视化专栏收录该内容

6 篇文章 1 订阅

订阅专栏

记录一下环形图options

在这里插入图片描述

	 options: {
              color: ['#fff', '#ccc'],
              tooltip: {
                trigger: 'item'
              },
              title: {
                text: '48%',
                left: 'center',
                top: '30%',
                textStyle: {
                  color: '#fff'
                },
                itemGap: 2,
                subtext: '出席率',
                subtextStyle: {
                  color: '#fff'
                }
              },
              legend: {
                show: false
              },
              series: [
                {
                  name: '出席率',
                  type: 'pie',
                  radius: ['80%', '100%'],
                  avoidLabelOverlap: false,
                  label: {
                    show: false,
                    position: 'center'
                  },
                  emphasis: {
                    label: {
                      show: false,
                      fontSize: 40,
                      fontWeight: 'bold'
                    },
                    scale: false
                  },
                  labelLine: {
                    show: false
                  },
                  data: [
                    { value: 1048, name: '已到' },
                    { value: 735, name: '未到' }
                  ]
                }
              ]
            }