echarts 饼图中间文字颜色小写设置

news2024/11/24 1:48:41

想要实现的效果如下:
在这里插入图片描述
只要在formatter里这样写就可以啦,rich里面写你需要的样式即可

  var option = {
            color: ['#3d6dfe', '#27b3ff', '#2fffc1', '#ff892f', '#fcff2f'],
            tooltip: {
                trigger: 'item'
            },
            legend: {
                type: 'scroll',
                itemWidth: 12,
                itemHeight: 10,
                itemGap: 25, // 修改间距
                textStyle: {
                    color: '#E0E0E0',
                },
                orient: 'vertical',
                x:'right',      // 图例在左(left)、右(right)、居中(center)、100px
                y:'center',      // 图例在上(top)、下(bottom)、居中(center、100px)、100px
                padding:[0,50,0,0],   // 图例[距上右下左方距离
            },
            series: [
                {
                    name: '专利类型',
                    type: 'pie',
                    radius: ['40%', '70%'],
                    center: ['40%', '50%'],
                    avoidLabelOverlap: false,
                    padAngle: 2,
                    itemStyle: {
                        borderRadius: 5
                    },
                    label: {
                        show: false,
                        position: 'center',
                    },
                    emphasis: {
                        label: {
                            show: true,//中间文字显示
                            fontSize: 16,
                            formatter(params) {
                            	return '{total|' + params.value +'}'+ '\n\r' + '{active|'+ params.name +'}'
                            },
                            rich: {
                                total:{
                                    fontSize: 25,
                                    fontWeight: 'bold',
                                    color:'#fff'
                                },
                                active: {
                                    fontSize: 14,
                                    color:'#fff',
                                    lineHeight:30,
                                },
                            }
                        }
                    },
                    data: data
                }
            ]
        };
        

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2118559.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

综合安防管理平台LntonAIServer视频监控汇聚抖动检测算法优势

LntonAIServer视频质量诊断功能中的抖动检测是一个专门针对视频稳定性进行分析的功能。抖动通常是指视频帧之间的不必要运动,这种运动可能是由于摄像机的移动、传输中的错误或编解码问题导致的。抖动检测对于确保视频内容的平滑性和观看体验至关重要。 优势 1. 提高…

交换机的这些接口,网工真得清楚

号主:老杨丨11年资深网络工程师,更多网工提升干货,请关注公众号:网络工程师俱乐部 下午好,我的网工朋友。 交换机作为网络的核心设备之一,在实现高效的数据传输和网络管理方面扮演着非常重要的角色。 然而&…

echarts 多个3D柱状图

图片样式&#xff1a; 代码实现&#xff1a; <template><div :class"className" :style"{height:height,width:width}" /> </template><script> require("echarts/theme/sakura"); // echarts themeexport default {pro…

【专题】2024飞行汽车技术全景报告合集PDF分享(附原数据表)

原文链接&#xff1a; https://tecdat.cn/?p37628 6月16日&#xff0c;小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞&#xff0c;这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示&#xff0c;公司准备量产&#xff0c;并计划今年四季度开启预…

Leetcode122. 买卖股票 状态机dp C++实现

Leetcode 122. 买卖股票的最佳时机 问题&#xff1a;给你一个整数数组 prices &#xff0c;其中 prices [ i ] 表示某支股票第 i 天的价格。 在每一天&#xff0c;你可以决定是否购买和/或出售股票。你在任何时候 最多 只能持有 一股 股票。你也可以先购买&#xff0c;然后在…

AOC商用显示器赋能绿色教育,助推教育信息化发展

摘要&#xff1a;助推教育发展&#xff0c;打造健康教学&#xff01; 作为提高国家创新能力及综合素养的基础&#xff0c;教育水平的高低往往决定着人才培养的数量和质量&#xff0c;决定着国家科技发展水平的高低&#xff0c;甚至于决定着民族国家的成败兴衰。从长远规划来看…

跨平台数据库管理软件SQLynx

什么是 SQLynx &#xff1f; SQLynx 是一个原生基于 Web 的 SQL 编辑器&#xff0c;支持企业的桌面和 Web 数据库管理。它最初被称为 SQL Studio&#xff0c;后来改名为 SQLynx。SQLynx 支持所有流行的数据库&#xff0c;如 MySQL、MariaDB、PostgreSQL、SQLite、Hive、Impala、…

Java File类与字节输入输出流详解

File类&#xff1a; 1.首先创建一下file的对象&#xff1a; 里面可以写相对路径或者绝对路径 File file new File("CCC.java"); 也可以使用其他构造方法 //String path "D:\\ch06"; //String fileName "1.txt"; File file new File(path…

超声波自动气象站

超声波自动气象站的功能优势可以包括以下几个方面&#xff1a; 高精度测量&#xff1a;超声波自动气象站采用超声波技术进行测量&#xff0c;可以实现高精度的测量结果&#xff0c;能够准确地测量气温、湿度、风速、风向等气象参数。 高可靠性&#xff1a;超声波自动气象站采用…

Zynq(2)从Hello World熟悉Zynq开发流程

文章目录 1.开发工具介绍2.工程目录简介3.Zynq裸机开发流程4.Hello World实现4.1vivado开发部分4.2vitis开发部分 5.传送门 1.开发工具介绍 xilinx提供了一系列的开发环境帮助用户提高开发效率&#xff0c;构建了完整的软件生态。对于最新的versal系列芯片&#xff0c;还提供了…

避雷!这5本计算机工程SCIE期刊被标记为“On Hold”状态!

计算机领域的研究学者们注意了&#xff01;&#xff01;&#xff01;这五本期刊被科睿唯安标记为On Hold了&#xff01;&#xff01; 1-IEEE Transactions on Intelligent Vehicles 2-Soft Computing 3-Multimedia Tools and Applicaitons 4-Journal of Intelligent & …

安卓学习笔记-unity调用原生opencv的sdk

unity调用原生opencv的sdk 问题描述解决思路解决过程准备工作opencv安卓原生sdk找到人脸检测的代码&#xff0c;检测成功后发送消息给unityunity接收消息 遇到的问题问题一问题二问题三 如何解决遇到的问题问题一&#xff1a;opencvactivity遮挡unity的界面问题问题二&#xff…

OpenAI官宣ChatGPT用户破2亿,新模型比GPT-4强100倍!

在刚刚召开的“KDDI SUMMIT 2024”大会上&#xff0c;OpenAI日本首席执行官長崎忠雄表示&#xff0c;截止至今年8月底&#xff0c;ChatGPT的月活用户数量突破2亿大关&#xff0c;成为史上最快达到这一成就的软件产品。 同时&#xff0c;ChatGPT企业级用户也获得大幅度增长达到…

【企业设置】自定义域名/应用模式支持自定义背景

09/04 主要更新模块概览 自定义背景 签名上传 权限配置 其他更新 01 表单管理 1.1 【移动端子表单】适配权限组字段操作权限 说明&#xff1a; 移动端子表单适配权限组配置&#xff0c;在权限组中可配置控制子表单的可新增记录&#xff0c;可插入记录&#xff0c…

24年9月通信基础知识补充1

看文献过程中不断发现有太多不懂的基础知识&#xff0c;故长期更新这类blog不断补充在这过程中学到的知识。由于这些内容与我的研究方向并不一定强相关&#xff0c;故记录不会很深入请见谅。 【通信基础知识补充2】9月通信基础知识补充1 一、Zadoff-Chu 序列1.1 Zadoff-Chu 序列…

【区块链 + 基层治理】腾讯未来社区:区块链业主决策系统 | FISCO BCOS应用案例

腾讯未来社区是腾讯推出的智慧社区综合解决方案&#xff0c;致力于形成“互联网 社区”一站式解决方案&#xff0c;打造智慧社 区健康生态。为了解决物业管理领域的痛点&#xff0c;构建围绕居民、物业、政府和商业四个角色为核心的良好生态&#xff0c;以 信息平台及工具为纽…

如何与客户保持高度粘性?这个系统给您答案

客户粘性是企业成功的关键因素之一&#xff0c;企客宝企微版在打通获客、转化、运营全链路方面发挥着重要作用&#xff0c;实现客户粘性的提升。 前言 客户粘性是企业成功的关键因素之一。企业需要不断通过各种手段提升客户粘性&#xff0c;保持客户忠诚度和长期合作关系。企客…

OpenCV结构分析与形状描述符(13)拟合椭圆函数fitEllipseDirect()的使用

操作系统&#xff1a;ubuntu22.04 OpenCV版本&#xff1a;OpenCV4.9 IDE:Visual Studio Code 编程语言&#xff1a;C11 算法描述 围绕一组2D点拟合一个椭圆。 该函数计算出一个椭圆&#xff0c;该椭圆拟合一组2D点。它返回一个内切于该椭圆的旋转矩形。使用了由[91]提出的直接…

STM32F407+CubeMx串口通信实验(学习记录)

一、环境 硬件&#xff1a;STM32F407ZGT6开发板 软件&#xff1a;STM32CubeMx、Keil5 MDK、串口调试助手 PS:前面实验部分的代码都是可以正常运行的&#xff0c;但是在学习过程中我也踩了很多坑&#xff08;包括一些未弄明白的&#xff09;&#xff0c;我会记录在问题总结部分…

物联网之ESP32控制GPIO输出点亮LED、闪烁LED灯

MENU 前言原理GPIO引脚LED 硬件电路设计软件设计1、点亮一颗LED2、闪烁的LED 前言 不论学习什么单片机&#xff0c;最简单的外设莫过于IO口的高低电平控制LED&#xff0c;本文介绍如何使用Arduino控制ESP32的GPIO输出。通过本文的学习&#xff0c;掌握一定的Arduino程序架构知识…