echarts 玫瑰饼图 俩个共用一个图例 可同时改变

 

export const getRosePie = (option = {}) => {
  return {
    legend: {
      textStyle: {
        color: '#B0D0E9'
      }
    },
    tooltip: {},
    dataset: {
      // source: [
      //   ['flag', '已解决', '未解决'],
      //   ['设备告警', 86, 10],
      //   ['环境告警', 41, 30],
      //   ['任务告警', 24, 67]
      // ]
      source: option.source
    },
    series: [
      {
        type: 'pie',
        radius: ['40%', '70%'],
        center: ['25%', '50%'],
        roseType: 'radius',
        label: {
          show: true,
          normal: {
            formatter: params => {
              // 此项的name值,这里即 “事件总数”
              return '已解决'
            },
            // 标签位置在饼图的中心
            position: 'center',
            color: 'white'
          }
        },
        // emphasis: {
        //   label: {
        //     show: true
        //   }
        // },
        encode: {
          itemName: 'flag',
          value: '已解决'
        }
      },
      {
        type: 'pie',
        radius: ['40%', '70%'],
        roseType: 'radius',
        center: ['75%', '50%'],
        label: {
          show: true,
          normal: {
            formatter: params => {
              // 此项的name值,这里即 “事件总数”
              return '未解决'
            },
            // 标签位置在饼图的中心
            position: 'center',
            color: 'white'
          }
        },
        // emphasis: {
        //   label: {
        //     show: true
        //   }
        // },
        encode: {
          itemName: 'flag',
          value: '未解决'
        }
      }
    ]
  }
}

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【Web前端实操15】利用Grid布局完成九宫格

相关知识点: 创建多列 column-count 属性指定了需要分割的列数 列与列之间的间隙 column-gap 属性指定了列与列间的间隙 列边框 column-rule-style 属性指定了列与列间的边框样式 column-rule-width 属性指定了两列的边框厚度 column-rule-color 属性指定了…

如何在 Kotlin Multiplatform 库的 API 中避免请求 Android Context

如何在 Kotlin Multiplatform 库的 API 中避免请求 Android Context 假设你正在进行 Kotlin Multiplatform 项目的开发。 你需要从通用代码中获取用户的 GPS 位置,并且目前没有现成的库可以实现该功能。 这时,你决定编写一个新的 Kotlin Multiplatform …

数据结构——静态链表

1.定义: (1)单链表:各个结点散落在内存中的各个角落,每个结点有指向下一个节点的指针(下一个结点在内存 中的地址); (2)静态链表:用数组的方式来描述线性表的链式存储结构: 分配一…

Windows中Zookeeper与kafka的安装配置

一、Zookeeper安装与使用 1.安装包下载 直接在官网下载即可Apache ZooKeeper。 下载后直接解压到本地即可。 2.环境配置 1> 在目录中下增加data和log文件夹 2> 解压目录下的 conf 目录,将目录中的 zoo_sample.cfg 文件,复制一份,重…

STC89C51单片机

本文为博主 日月同辉,与我共生,csdn原创首发。希望看完后能对你有所帮助,不足之处请指正!一起交流学习,共同进步! > 发布人:日月同辉,与我共生_单片机-CSDN博客 > 欢迎你为独创博主日月同…

【pytorch】pytorch学习笔记(续1)

p22:1.加减乘除: (1)add(a,b):等同于ab。 (2)sub(a,b):等同于a-b。 (3)mul(a,b):等同于a*b。 (4)div(a,b)&#xff1a…

低成本扫码点餐:1000元全包

在数字化时代,扫码点餐已经成为餐饮行业的标配。然而,对于许多小规模或初创的餐饮企业来说,开发一套完整的扫码点餐系统是一项成本高昂的任务。今天,我们将向您介绍一个低成本、高效的方法,让您用1000块钱轻松搞定一套…

反光衣穿戴识别摄像机

反光衣穿戴识别摄像机是一种基于图像识别技术的智能设备,旨在识别和监测道路上穿戴反光衣的行人和工作者,以提高道路交通安全。 反光衣穿戴识别摄像机利用高清摄像头捕捉道路上的实时图像,并通过图像处理算法进行人体检测和识别,识…

Programming Abstractions in C阅读笔记:p248-p253

《Programming Abstractions in C》学习第69天,p248-p253总结,总计6页。 一、技术总结 “A generalized program for two-player games”如标题所示,该小节强调要学会从一个复杂的程序中抽象出通用的内容——这也是本书的主旨——“Program…

RocketMQ源码阅读-十-事务消息

RocketMQ源码阅读-十-事务消息 交互流程事务消息发送Producer发送事务消息Broker处理结束事务请求Broker 生成 ConsumeQueue 事务消息回查Broker发起回查Producer 接收回查 总结 交互流程 事务消息交互流程图如下:事务消息发送步骤如下: 生产者将半事务…

40元一碗的面,卖不动了?

一、在熙熙攘攘的商场中,两家门店“格格不入” 周五(1月19日)下午,人群从写字楼向购物中心转移。6点前后,北京合生汇商场的多个过道、上下行扶梯已经熙熙攘攘,B1、B2层的美食街区更是热闹。 一片喧哗中&…

GIS项目实战07:Eclipse资源分享

官网下载:Eclipse Downloads | The Eclipse Foundation 百度网盘分享: 链接:https://pan.baidu.com/s/1YBKw8k0a0DouSWZmDg8fYw 提取码:1234 (链接失效请私信) 无需安装,解压即可使用

小程序系列--12使用 npm 包

一、Vant Weapp 1. 什么是 Vant WeappVant Weapp 是有赞前端团队开源的一套小程序 UI 组件库,助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议,对商业使用比较友好。 官方文档地址 https://youzan.github.io/vant-weapp 2. 安装 Vant 组…

Power BI - 5分钟学习新增度量值

每天5分钟,今天介绍Power BI新增度量值 在 Power BI Desktop 中,你可以创建度量值。度量值用于计算表达式的结果。 在创建自己的度量值时,需要使用DAX语言。 DAX包括超过200个函数、运算符等,几乎可以计算任何数据分析所需的结果…

智能风控体系之divergence评分卡简介

评分卡模型的出现据说最早是在20世纪40年代,Household Finance and Spiegel和芝加哥邮购公司第一次尝试在贷款决策过程中使用信用评分.但是这两家公司都终止了这项业务。后来,在20世纪50年代末,伊利诺伊州的美国投资公司(AIC&…

【C语言】素数的N种代码形式

The words written in front 大家好,我是xiaoxie,希望你看完之后对你能有所帮助,不足之处,请批评指正! 希望可以和大家一起交流学习进步! Introduction 大家都知道:“质数又称素数。一个大于1的自然数&a…

ECharts实现简单饼图和柱状图

1.JAVA 1.饼图 前端使用vue&#xff0c;后端使用SpringBoot <template><div><div class"card" style"padding: 15px">数据可视化分析&#xff1a;图书类型销量</div><div style"display: flex; margin: 10px 0"&g…

Github 2024-01-21 开源项目日报 Top10

根据Github Trendings的统计&#xff0c;今日(2024-01-21统计)共有10个项目上榜。根据开发语言中项目的数量&#xff0c;汇总情况如下&#xff1a; 开发语言项目数量Python项目7Cuda项目1HTML项目1Jupyter Notebook项目1非开发语言项目1 高级英语学习指南 创建周期&#xff…

Oracle1 数据库管理

Oracle的安装 一、基础表的创建 1.1 切换到scott用户 用sys 账户 登录 解锁scott账户 alter user scott account unlock;conn scott/tiger;发现并不存在scott账户&#xff0c;自己创建一个&#xff1f; 查找资料后发现&#xff0c;scott用户的脚本需要自己执行一下 C:\ap…

【Fooocus 深度学习】SDXL,AIGC生图,源码解读

文章目录 使用通配符增加prompt多样性Fooocus的风格实现 使用通配符增加prompt多样性 prompt和negative_prompt都可以通过apply_wildcards函数来实现通配符替换&#xff0c;apply_wildcards会从txt中随机找一个出来。 promptsunshine, river, trees, __artist__ task_prompt …