echarts 通用线性渐变堆叠面积图

echarts 通用线性渐变堆叠面积图

在这里插入图片描述

		getLineData2() {const myChart = echarts.init(this.$refs.chartDom);const option = {tooltip: {trigger: 'axis',},legend: {show: false,textStyle: {fontSize: 14, //字体大小color: '#ffffff', //字体颜色},data: ['AAA', 'BBB'],},grid: {show: true,left: '10%',top: '15%',right: '10%',bottom: '13%',},xAxis: {data: ['项目1', '项目2', '项目3', '项目4', '项目5', '项目6'],axisLabel: {//y轴文字的配置textStyle: {color: '#ffffff',},},axisLine: {show: true,// 坐标轴轴线样式设置lineStyle: {color: '#335B7E',},},},yAxis: [{type: 'value',splitLine: {show: true,lineStyle: {type: 'dashed',color: '#335B7E',},},axisLabel: {//y轴文字的配置textStyle: {color: '#ffffff',},},axisLine: {show: true,// 坐标轴轴线样式设置lineStyle: {color: '#335B7E',},},},{type: 'value',splitLine: {show: false,},axisLabel: {formatter: '{value} %',//y轴文字的配置textStyle: {color: '#ffffff',},},axisLine: {show: true,// 坐标轴轴线样式设置lineStyle: {color: '#335B7E',},},},],series: [{name: 'AAA',type: 'line',smooth: true,stack: 'Total',lineStyle: {width: 1,color: '#39BFFA',},areaStyle: {opacity: 0.8,color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: 'rgb(128, 255, 165)',},{offset: 1,color: 'rgb(1, 191, 236)',},]),},emphasis: {focus: 'series',},data: [20, 12, 20, 34, 90, 30],},{name: 'BBB',type: 'line',stack: 'Total',lineStyle: {width: 1,color: '#39BFFA',},smooth: true,areaStyle: {opacity: 0.8,color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: 'rgb(0, 221, 255)',},{offset: 1,color: 'rgb(77, 119, 255)',},]),},emphasis: {focus: 'series',},data: [10, 52, 200, 334, 390, 330],},],};myChart.setOption(option);window.addEventListener('resize', function () {myChart.resize();});},

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

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

相关文章

汽车功能安全ISO26262

一、功能安全基本概念及功能安全管理 什么是功能安全 相关标准: 现状: 功能安全的目的和范围: 总体框架: 基本定义:

TypeError: ‘_io.TextIOWrapper’ object is not subscriptable

TypeError: ‘_io.TextIOWrapper’ object is not subscriptable表示文件不能用下标进行索引。改正代码如下即可正常运行: 错误代码示范: file_name /test.txt with open(file_name,r, encodingutf-8) as name:a name[1] #取name的第二行数据 改正之…

下载文件并重命名

//下载文件并重命名 // 无需数字化归档模版下载 function nodigitalMeth(){ let filenameunescape("/projectapp/ghsjy/template/noNeedDigital.docx")//原文件为英文名字 downloadFileRename(filename,"无需成果数据汇交模版") } // 需要数字化归档模版下…

有哪些可信的SSL证书颁发机构?

目前市面上所显示的SSL证书颁发机构可所谓不计其数,类型也是多样,就好比我们同样是买一件T恤,却有百家不同类型的店铺一个道理。根据CA里面看似很多,但能拿到99%浏览器及设备信任度的寥寥无几,下面小编整理出几家靠谱可…

MySQL 教程 1.3

上期网友笔记整理 记录 MySQL 学习过程遇到的问题。 系统:win32 位 MySQL 版本:5.7.17-log MySQL 语法对大小写不敏感,但是大写更容易看出。 一、启动关闭MySQL服务 1【开始菜单】搜索 services.msc 打开 windows【服务管理器】&#xf…

docker (简介、dcoker详细安装步骤、常用命令)- day01

一、 为什么出现 Docker是基于Go语言实现的云开源项目。 Docker的主要目标是“Build,Ship and Run Any App,Anywhere”,也就是通过对应用组件的封装、分发、部署、运行等生命周期的管理,使用户的APP(可以是一个WEB应用或数据库应…

【代码】考虑电解槽变载启停特性与阶梯式碳交易机制的综合能源系统优化调度matlab-yalmip-cplex/gurob

程序名称:考虑电解槽变载启停特性与阶梯式碳交易机制的综合能源系统优化调度 实现平台:matlab-yalmip-cplex/gurobi 代码简介:提出了一种考虑 变载启停特性的电解槽混合整数线性模型,根据电 氢负荷可以实时调整设备工作状态&…

视频格式转换:将MP4轻松转MKV格式,高效便捷

随着科技的发展,数字媒体已经深入到生活中,视频格式的转换也成为了许多人的日常要求。MP4和MKV是两种常见的视频格式,它们各有优点。MP4以其高效的压缩比和广泛的兼容性被广泛使用,而MKV则因其强大的封装能力和无损压缩而受到喜爱…

英语语法:连词or, and, if, unless怎么用?

连词or, and, if, unless怎么用?1. or conj. 或者,还是, 和, 否则用法:并列连词①当“或者,还是”讲时,用在选择疑问句中,是选择疑问句的标志例:Are you a teacher or a …

阻塞队列介绍(二)

3 LinkedBlockingQueue 3.1 LinkedBlockingQueue的底层实现 查看LinkedBlockingQueue是如何存储数据&#xff0c;并且实现链表结构的。 // Node对象就是存储数据的单位 static class Node<E> { // 存储的数据 E item; // 指向下一个数据的指针 Node<E> next; //…

C++多线程学习(三):锁资源管理和条件变量

参考引用 C11 14 17 20 多线程从原理到线程池实战代码运行环境&#xff1a;Visual Studio 2019 1. 利用栈特性自动释放锁 RAII 1.1 什么是 RAII RAII (Resource Acquisition Is Initialization)&#xff1a;使用局部对象来管理资源的技术称为资源获取即初始化 它的生命周期是…

快速了解软件工程学概述(5种软件过程模型)

目录 1 、什么是软件&#xff1f;特点有哪些 &#xff1f; 2 、 软件危机 定义&#xff1a; 软件危机产生的原因 消除软件危机的方法 3 、软件工程 1.软件工程的介绍 &#xff08;1&#xff09;概念 &#xff08;2&#xff09;本质特征 (3)软件工程方法学&#xff08;方…

十八数字文化受邀参加版博会“区块链+版权”创新应用试点研讨会

2023年11月23日至25日&#xff0c;以“版权新时代 赋能新发展”为主题的第九届中国国际版权博览会在成都市中国西部国际博览城和天府国际会议中心举办。版博会是我国版权领域唯一的综合性、国际性、国家级版权专业博览会&#xff0c;本届版博会由国家版权局主办&#xff0c;四川…

宏工科技通过CMMI三级认证,软件研发能力获国际权威认可

近日&#xff0c;宏工科技子公司湖南宏工软件成功通过CMMI三级认证并正式获得资质证书&#xff0c;斩获全球软件领域最权威的认证之一&#xff0c;标志着宏工科技在软件技术开发、研发管理、项目管理等多方面获得国际权威认证。 CMMI全称是Capability Maturity Model Integrati…

ESXi 6.7 升级 7.0

方式一&#xff1a;esxcli方式 1.登陆exsi web界面。 启用控制台shell 2.存储-datastore-数据存储浏览器&#xff0c;上载 ESXI-7.0.0-depot.zip升级文件。记住此datastore的位置 ssh连接ESXI主机 vmware -vl 查看当前版本 查看升级包中对应的版本信息&#xff1a; es…

3D模型材质编辑器

在线工具推荐&#xff1a; 3D数字孪生场景编辑器 - GLTF/GLB材质纹理编辑器 - 3D模型在线转换 - Three.js AI自动纹理开发包 - YOLO 虚幻合成数据生成器 - 三维模型预览图生成器 材质贴图&#xff08;Texture Mapping&#xff09;&#xff1a;是在物体着色方面最引人注目、…

使用 yum 出现 Loaded plugins: fastestmirro

&#x1f4d1;前言 本文主要是使用 yum 出现 Loaded plugins: fastestmirro&#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ &#x1f3ac;作者简介&#xff1a;大家好&#xff0c;我是青衿&#x1f947; ☁️博客首页&#xff1a;CSDN主页放风讲故事 &#x1f304;每日…

注意力机制(Q,K,V)基本概念

文章目录 一、注意力提示1.1概念1.2生活中的注意力提示1.3注意力机制基本框架小结 二、注意力汇聚2.1概念2.2非参注意力汇聚2.2.1平均汇聚2.2.2Nadaraya-Waston核回归 2.3通用注意力汇聚公式2.4带参数注意力汇聚小结 三、注意力评分函数3.1概念3.2例子 四、遮蔽softmax三四小结…

10. Mysql 分组或汇总查询

Mysql 函数参考和扩展&#xff1a;Mysql 常用函数和基础查询、 Mysql 官网 Mysql 语法执行顺序如下&#xff0c;一定要清楚&#xff01;&#xff01;&#xff01;运算符相关&#xff0c;可前往 Mysql 基础语法和执行顺序扩展。 (8) select (9) distinct (11)<columns_name…

【触想智能】无风扇工控电脑一体机使用优势分析

无风扇工控电脑一体机是属于工控一体机分类中的其中一种&#xff0c;看名字&#xff0c;很明显就是没有散热风扇的工控电脑一体机&#xff0c;而平常我们使用的电脑主机是带有电源风扇、CPU散热风扇的。 无风扇工控电脑一体机的配置组成和商用电脑主机的配置基本一样&#xff0…