echarts 饼图标注 字体修改

news2024/11/19 14:27:28

在这里插入图片描述

option = {
  grid: {
    // 四周留白区域设置
    top: 20,
    right: 20,
    left: 20,
    bottom: 20,
    containLabel: true,
  },
  tooltip: {
    trigger: 'item',
    formatter: '{b} : {c} ({d}%)' // 展示百分比
  },
  series: [
    {
      type: 'pie',
      radius: ['40%', '60%'],
      avoidLabelOverlap: false,
      startAngle: 0, //起始角度
      data: [
        { 
          value: 0, 
          name: '正确率',
          label: {
            color: 'red'
          }
         },
        {
          value: 0, 
          name: '误报率',
          itemStyle: {
            normal: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {offset: 0, color: '#00c0e4'},
                {offset: 0.5, color: '#0190e4'},
                {offset: 1, color: '#0249e4'}
              ]),
            },
          }
        },
        {
          value: 0, 
          name: '漏报率',
          itemStyle: {
            normal: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                {offset: 0, color: '#00c0e4'},
                {offset: 0.5, color: '#0190e4'},
                {offset: 1, color: '#0249e4'}
              ]),
            },
          }
        },
      ]
    }
  ]
};

效果:
在这里插入图片描述
官网文档地址:https://echarts.apache.org/zh/option.html#series-pie.label

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

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

相关文章

Ajax学习笔记第4天

做决定之前仔细考虑,一旦作了决定就要勇往直前、坚持到底! 【1 模仿百度招聘】 整个流程展示: 1.文件目录 2.页面效果展示及代码 data中的page1数据展示 2.1 主页 index.html:index里面代码部分解释 underscore.js :模板页面的相关代码 &…

香橙派OrangePi Zero开发板的WiFi连接

文章目录 调试串口连接连接WIFI设置开机自动连接自定义设置固定IP地址远程SSH连接 调试串口连接 1、准备一个 3.3v 的USB转TTL的模块,将开发板连接到电脑上 注意:引脚连接 a. USB 转 TTL 模块的 GND 接到开发板的 GND 上b. USB 转 TTL 模块的 RX 接到开…

专业课改革,难度陡然提高,专业课122总分390+南京理工大学818南理工818上岸经验分享

今年专业课相对较难,分数122,基本达到预期。南理工818是信号和数电两门课,各站一半。复试时间数电可能要更多一点,也比信号难拿分。今年专业课难度很大,基本超过不少985学校,大家要重视。 有条件的同学建议…

建筑施工二维码预制件管理系统

随着科学经济技术的发展,二维码标识设备越来越受人们的喜爱,不仅仅是在人们日常购物时需要使用到,在建筑用预制构件中使用也非常普遍,在这里二维码相当于预制构件的身份证,替代了传统标识牌。 1、信息管理。通过凡尔码…

倾斜摄影三维模型的顶层合并构建重要性分析

倾斜摄影三维模型的顶层合并构建重要性分析 倾斜摄影超大场景的三维模型的顶层合并对于构建精确、完整且真实的三维模型具有重要的意义和应用价值。本文将从几个方面对其重要性进行浅析。 一、模型完整性与连贯性 倾斜摄影超大场景的三维模型的顶层合并可以将多个倾斜摄影数据…

Tesseract-OCR的安装与环境变量配置

网盘链接:百度网盘 请输入提取码 提取码:gtp1 中文包网盘链接:小蓝枣的资源仓库,提取码:8v8u 安装步骤:解压后直接“NEXT”,“NEXT”注意选择自己的安装路径。 安装后查看是否安装成功&#…

libcurl库的网页爬虫程序

示例代码&#xff1a; #include <curl/curl.h> #include <iostream> ​ int main() {CURL *curl;CURLcode res; ​curl_global_init(CURL_GLOBAL_DEFAULT); ​curl curl_easy_init();if(curl) {curl_easy_setopt(curl, CURLOPT_URL, "/");curl_easy_se…

成本预算管理系统

成本预算管理系统 功能介绍&#xff1a; 一 基本信息&#xff1a; 1、产品设置&#xff1a;产品的长、宽、高及面积计算公式的设置。 2、板材设置&#xff1a;板材类别、厚度、尺寸的设置 3、系统名称&#xff1a;风管系统的类别设置 4、公司信息&#xff1a;本公司的信息…

如何在Android设备上检查应用程序使用情况,包括使用时间

你可能不知道自己花了多少时间在手机上。很可能你一天中有一半的时间都在盯着手机屏幕。如果你怀疑这一事实,你会很快核实的。在这篇文章中,我们将向你介绍如何在Android设备上检查应用程序的使用情况。 如何在Android上检查应用程序电池使用情况 你使用时间最长的应用程序…

为什么会被【禅道】工具的公司提出QQ群的反思…………

周末备份Gitlab的代码库&#xff0c;把Gitlab更新到了最新的16.5。顺带看了禅道官网出了最新版本18.8。但是禅道的升级更新并不顺利…………。 先说一下为什么用禅道这个工具&#xff1a; 再使用禅道这个工具前&#xff0c;使用过的工具有QC(Quality Center)、jira&#xff0…

【c++|opencv】二、灰度变换和空间滤波---3.均值滤波

every blog every motto: You can do more than you think. https://blog.csdn.net/weixin_39190382?typeblog 0. 前言 均值滤波 1. 均值滤波 #include <iostream> #include <opencv2/opencv.hpp> #include"Salt.h"using namespace cv; using names…

Jetpack Compose | State状态管理及界面刷新

我们知道Jetpack Compose&#xff08;以下简称Compose&#xff09;中的 UI 可组合项是通过Composable 声明的函数来描述的&#xff0c;如&#xff1a; Composable fun Greeting() {Text(text "init",color Color.Red,modifier Modifier.fillMaxWidth()) }上面的代…

重磅!GPT-4又进化了!画图、插件、代码等能力被整合,超级智能体来了

夕小瑶科技说 原创 作者 | 小戏、ZenMoore 就在今天&#xff01;OpenAI 闷声放了一个大招&#xff01; 还没有官宣&#xff0c;还没有发布会&#xff0c;也没有大肆报道与关注。OpenAI 这次仅仅以灰度测试的方式&#xff0c;给部分用户发布了一个可以说“整合了几乎所有可用工…

CentOS 安装 Hadoop Local (Standalone) Mode 单机模式

CentOS 安装 Hadoop Local (Standalone) Mode 单机模式 Hadoop Local (Standalone) Mode 单机模式 1. 修改yum源 并升级内核和软件 curl -o /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-7.repoyum clean allyum makecacheyum -y update2. 安…

极智嘉(Geek+)携数款创新方案亮相CeMAT展会,再度展现硬核实力

近日&#xff0c;CeMAT ASIA 2023盛大召开&#xff0c;全球仓储机器人引领者极智嘉(Geek)携旗下数款创新方案亮相&#xff0c;再次向各界展示了其在前沿科技、产品打磨上的硬实力。 首先是货架到人PopPick方案搭配VSW自动播种墙 在传统货到人拣选作业中&#xff0c;拣选员约有…

converted from warning

converted from warning 关注微信&#xff1a;生信小博士 本地或者其它服务器跑同样的代码是正常的&#xff0c;只是有警告&#xff0c;但是在西柚云服务器上面运行会报错&#xff1f; 这是由于您两个环境使用的包版本不一样导致的&#xff0c;有如下解决方法 或者之前只是告警…

【23真题】知识点覆盖全!有罕见判断题!

今天分享的是23年烟台大学833的信号与系统试题及解析。 本套试卷难度分析&#xff1a;本套试题内容难度中等偏下&#xff0c;题目难度不大&#xff0c;但是题量较多&#xff0c;考察的知识点全面&#xff0c;比较多的考察了对信号波形以及频谱图的画法&#xff0c;值得注意的是…

路由vue-router

文章目录 一、前端路由的概念与原理1、 什么是路由2、SPA 与前端路由3、什么是前端路由4、前端路由的工作方式5、实现简易的前端路由 二、vue-router 的基本用法1、 什么是 vue-router2、 vue-router 安装和配置的步骤&#xff08;1&#xff09;在项目中安装 vue-router&#x…

Ceph入门到精通-恢复BlueStore中对象数据

1.基本原理介绍 1.1 ceph中的对象(object) 在Ceph存储中&#xff0c;一切数据最终都会以对象(Object)的形式存储在硬盘&#xff08;OSD&#xff09;上&#xff0c;每个的Object默认大小为4M。 通过rados命令&#xff0c;可以查看一个存储池中的所有object信息&#xff0c;例如…

SPI、IIC信号隔离

除了时钟信号SCK不用接上拉&#xff0c;其他信号都需要接10K上拉电阻到3.3V电源。 一、SPI信号隔离&#xff1a; 二、 IIC信号隔离