双柱渐变图背景图

 

option = {backgroundColor: '#1b2735',tooltip: {//提示框组件trigger: 'axis',//触发类型 柱状图axisPointer:{type:'shadow'} //触发效果 移动上去 背景效果},    xAxis: [//x轴{type: 'category',//坐标轴类型 离散data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月'],//数据axisTick:false,//是否显示刻度axisLine: {//坐标轴样式show: true,//是否显示lineStyle: {//线的样式type:'dashed'//线的类型 虚线},},axisLabel: {color: "#DEDEDE"}},],yAxis: [//y轴{min: 0,//最小max: 700,//最大interval: 100,//相差name: '单位:',//名称type: 'value',//连续类型axisLine: {//坐标轴样式show: false, //不显示},splitLine: {//分隔辅助线lineStyle: {type:'dashed',//线的类型 虚线0opacity:0.2//透明度},},axisLabel: {color: "#DEDEDE"}},],series: [//系统列表   {name: '用水消耗',//名称type: 'bar',//类型barWidth :11,//宽度data: [300, 450, 90, 300, 520, 450, 150, 300],//数值z:2,itemStyle: {color: {//渐变色x: 0,y: 0,x2: 0,y2: 1,type: 'linear',global: false,colorStops: [{offset: 0,color: 'rgba(6, 244, 231)',},{offset: 1,color: 'rgba(6, 244, 231,0)',},],},},},{name: '电力消耗',type: 'bar',barWidth : 11,data: [400, 600, 90, 400, 400, 250, 90, 400],z:1,itemStyle: {color: {x: 0,y: 0,x2: 0,y2: 1,type: 'linear',global: false,colorStops: [{offset: 0,color: 'rgba(3, 181, 243)',},{offset: 1,color: 'rgba(2, 190, 251,0)',},],},},},{name: "",   barGap: '-220%',type: 'bar',z:0,data: [420,620,110,420,540,470,170,420],barWidth: '48px',itemStyle: {normal: {color: '#fff', // 0% 处的颜色opacity:0.1//透明度}},},],legend: {right: '70',textStyle: {// 图例文字的样式color: '#fff',fontSize: 14,padding: [2, 0, 0, 2], fontWeight: 100,},},};

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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

两种不同的LuaBehaviour生命周期绑定

在学习xLua时,发现xLua和LoxodonFramework的LuaBehaviour稍微有些不同,其中一个点是在调用DoString方法时的区别 1. xLua的版本中 直接使用Lua脚本环境进行绑定,这时候的Lua脚本调用生命周期函数是这样的 直接在Lua脚本中写函数就行 2. Lo…

XDP (eXpress Data Path):在操作系统内核中实现快速、可编程包处理

大家觉得有意义和帮助记得及时关注和点赞!!! 1 引言 1.1 现有方案(kernel bypass)存在的问题1.2 新方案:给内核网络栈添加可编程能力1.3 新方案(XDP)的优点1.4 本文组织结构2 相关工作 2.1 用户态轮询 vs. XDP2.2 内核…

XGPT用户帮助手册

文章目录 20242024.12.27 摘要 本文介绍如何使用XGPT软件, XGPT融合了当前最先进的人工智能技术,并专为国内用户优化。 2024 2024.12.27 XGPT v1正式发布, 特色功能: 具备图像文本多模态处理功能包含GPT等最先进模型国内可访问 B站视频介绍 图1 XGPT v1 快照

USB 状态机及状态转换

文章目录 USB 状态机及状态转换连接状态供电状态默认状态地址状态配置状态挂起状态USB 状态机及状态转换 枚举完成之前,USB 设备要经过一系列的状态变化,才能最终完成枚举。这些状态是 连接状态 - attached供电状态 - powered默认状态 - default地址状态 - address配置状态 -…

Simulink的Goto和From标签如何限定作用域

网上有很多关于Goto和From的标签文章,但是很少有人将Goto和From标签如何使用限定作用域的问题 Simulink 中 Goto 和 From 标签作用域设置及使用 在 Simulink 中,Goto 和 From 标签用于传递信号以简化模型的连线结构。通过限定它们的作用域,…

No.29 笔记 | CTF 学习干货

大家好呀!我刚参加了美国线上CTF比赛,收获超多,特别感谢老师教我的干货知识。今天就和大家分享我的学习笔记。CTF像刺激冒险,有挑战有惊喜。 学习中我懂了很多知识技能,像密码学、Web安全、Misc题型等,它们…

Etcd注册中心基本实现

Etcd入门 什么是Etcd GitHub:https://github.com/etcd-io/etcd Etcd数据结构与特性 键值对格式,类似文件层次结构。 Etcd如何保证数据一致性? 表面来看,Etcd支持事务操作,能够保证数据一致性。 底层来看&#xff0…

【游戏设计原理】31 - 头脑风暴的方法

在游戏设计中,头脑风暴的方法可以贯穿整个创作流程,帮助设计师从最初的概念生成到具体机制的打磨。以下是如何在不同阶段应用头脑风暴方法的详细步骤: 1. 自由思考法的应用 阶段:创意萌发与初期概念设计 目标:找到游…

Unable to create schema compiler

问题 Unable to create schema compiler 原因分析 可能一 服务上只安装了jre,缺少需要的jar包 可能二 jdk的版本是9以上,默认不带这些jar包 解决办法 方案一(亲测可用) 上面的报错是在使用CXF框架生成动态客户端client时…

D类音频应用EMI管理

1、前言 对于EMI,首先需要理解天线。频率和波长之间的关系,如下图所示。   作为有效天线所需的最短长度是λ/4。在空气中,介电常数是1,但是在FR4或玻璃环氧PCB的情况下,介电常数大约4.8。这种效应会导致信号在FR4材…

CSES-1687 Company Queries I(倍增法)

题目传送门https://vjudge.net/problem/CSES-1687#authorGPT_zh 解题思路 其实和倍增法求 LCA 是一样的…… 首先设 表示 号点的上面的第 个祖先是谁。 同倍增法: 然后,题目要求我们向上跳 个点。 枚举 (从大到小,想想为…

【从零开始入门unity游戏开发之——unity篇01】unity6基础入门开篇——游戏引擎是什么、主流的游戏引擎、为什么选择Unity

文章目录 前言**游戏引擎是什么?****游戏引擎对于我们的意义**1、**降低游戏开发的门槛**2、**提升游戏开发效率** **以前做游戏****现在做游戏****主流的游戏引擎有哪些?**Unity 相比其他游戏引擎的优势?**为什么选择Unity?**Uni…

Apifox 12月更新|接口的测试覆盖情况、测试场景支持修改记录、迭代分支能力升级、自定义项目角色权限、接口可评论

Apifox 新版本上线啦!!! 在快速迭代的开发流程中,接口测试工具的强大功能往往决定了项目的效率和质量。而 Apifox 在 12 月的更新中,再次引领潮流,推出了一系列重磅功能!测试覆盖情况分析、场景…

C# GDI+数码管数字控件

调用方法 int zhi 15;private void button1_Click(object sender, EventArgs e){if (zhi > 19){zhi 0;}lcdDisplayControl1.DisplayText zhi.ToString();} 运行效果 控件代码 using System; using System.Collections.Generic; using System.Drawing.Drawing2D; using …

WebRTC服务质量(12)- Pacer机制(04) 向Pacer中插入数据

WebRTC服务质量(01)- Qos概述 WebRTC服务质量(02)- RTP协议 WebRTC服务质量(03)- RTCP协议 WebRTC服务质量(04)- 重传机制(01) RTX NACK概述 WebRTC服务质量(…

C#实现调用DLL 套壳读卡程序(桌面程序开发)

背景 正常业务已经支持 读三代卡了,前端调用医保封装好的服务就可以了,但是长护要读卡,就需要去访问万达,他们又搞了一套读卡的动态库,为了能够掉万达的接口,就需要去想办法调用它们提供的动态库方法&…

低代码开发平台排名2024

低代码开发平台在过去几年中迅速崛起,成为企业数字化转型的重要工具。这些平台通过可视化界面和拖放组件,使业务人员和技术人员都能快速构建应用程序,大大缩短了开发周期。以下是一些在2024年值得关注和使用的低代码开发平台。 一、Zoho Cre…

rocketmq-push模式-消费侧重平衡-类流程图分析

1、观察consumer线程 使用arthas分析 MQClientFactoryScheduledThread 定时任务线程 定时任务线程,包含如下任务: 每2分钟更新nameServer列表 每30秒更新topic的路由信息 每30秒检查broker的存活,发送心跳请求 每5秒持久化消费队列的offset…

群落生态学研究进展▌Hmsc包对于群落生态学假说的解读、Hmsc包开展单物种和多物种分析的技术细节及Hmsc包的实际应用

HMSC(Hierarchical Species Distribution Models)是一种用于预测物种分布的统计模型。它在群落生态学中的应用广泛,可以帮助科学家研究物种在不同环境条件下的分布规律,以及预测物种在未来环境变化下的潜在分布范围。 举例来说&a…

影视仓最新接口+内置本包方法的研究(2024.12.27)

近日喜欢上了研究影视的本地仓库内置,也做了一个分享到了群里。 内置本地仓库包的好处很明显,当前线路接口都是依赖网络上的代码站存放,如果维护者删除那就GG。 虽然有高手制作了很多本地包,但推送本地包到APP,难倒一片…