echars设置渐变颜色的方法

devtools/2024/9/20 15:42:33/

        在我们日常的开发中,难免会遇到有需求,需要使用echars设置渐变的图表,如果我们需要设置给图表设置渐变颜色的话,我们只需要在 series 配置项中 添加相应的属性配置项即可。

方式一:colorStops 

  • type:‘linear’,线性渐变
  • x,y,x2,y2,代表包围框中的百分比,数值范围 0-1;

代码实例  注意:这个color 是配置在 series  内的

        color: {type: 'linear', // 表示线性渐变//代表包围框中的百分比,数值范围 0-1x: 0,y: 0,x2: 0,y2: 1,colorStops: [{offset: 0,//23, 82, 233color: 'rgba(23, 82, 233,1)' // 0% 处的颜色},{//7, 158, 228offset: 0.8,color: 'rgba(7, 158, 228,1)' // 80% 处的颜色}]},

方式二:new echarts.graphic.LinearGradient((x,y,x2,y2

  • x,y,x2,y2,包围框中的百分比,数值范围 0-1;
  • offset,类似颜色线性梯度,数值范围 0-1;

代码实例  这个itemStyle是配置在 series  内的

        itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{offset: 0.5, // 50%位置的颜色color: 'rgba(252, 154, 48, 1)'},{offset: 0, // 0%位置的颜色color: 'rgba(246, 248, 252, 1)' //渐变颜色}])},


http://www.ppmy.cn/devtools/35106.html

相关文章

ubuntu安装LVGL/lv_img_conv并在thinkphp中进行调用生成bin文件

项目需求:需要处理图片成为bin文件,并以二进制的方式传给蓝牙设备,当前仅介绍如何安装,对lvgl功能和简介不做过多描述 项目库地址:https://github.com/lvgl/lv_img_conv 安装过程比较简单 一,确保node.j…

CNStream代码中C++反射机制的使用

目录 1 C反射机制 2 CNStream代码中C反射机制 2.1 回调函数和类名是从在哪里保存到map中的 2.2 回调函数是在哪里被调用的 参考文献: 寒武纪CNStream代码框架中,用到了C的反射机制,以前只是整理了C反射机制的笔记,并没有整理…

接口测试基础与接口测试用例设计思路

🍅 视频学习:文末有免费的配套视频可观看 🍅 关注公众号【互联网杂货铺】,回复 1 ,免费获取软件测试全套资料,资料在手,涨薪更快 接口测试简介 1.什么是接口 接口就是内部模块对模块&#xff…

Redis 的数据库管理

Redis 提供了⼏个⾯向 Redis 数据库的操作,分别是 dbsize、select、flushdb、flushall 命令, 我将介绍这些常见的命令。 切换数据库 select dbIndex许多关系型数据库,例如 MySQL ⽀持在⼀个实例下有多个数据库存在的,MySQL 可以…

Redis-单机安装

试图从官网注册不了我也不知道什么情况。 网盘自取吧,链接:https://pan.baidu.com/s/1KERBQaH9gCT10AGt9z0_jg?pwdyjen 安装比较简单,照着敲就完了每一步都试过了,先单机安装,后面搭建集群。 1.将安装包放到/usr/…

php 修改 文件权限 函数chmod()

目录 前言 前言 在PHP中&#xff0c;你可以使用chmod()函数修改文件的权限。该函数接受两个参数&#xff1a;文件路径和新的权限模式。以下是一个示例&#xff1a; php <?php // 文件路径 $filename example.txt;// 新的权限模式&#xff08;例如&#xff1a;0644&#…

IndyTcpServer使用详解

1、IndyTCPserver的创建 IdTCPServer1.DefaultPort:= 8000; IdTCPServer1.ListenQueue:= 1024; //同时处理请求队列数限制 IdTCPServer1.MaxConnections:= 1024; //同时连接数量限制,为0不限制连接数 IdTCPServer1.ContextClass:= TNewIdServerContext; //设置为自定义TIdSe…

Linux中对文件的操作(一)

linux中对文件进行操作 open函数 *int open(const char pathname, int flags); pathname&#xff1a;指的是文件名 flags&#xff1a;权限 只读打开O_RDONLY 只写打开O_WRONLY 可读可写打开O_RDWR 以上三个参数中应当只指定一个。 #include <sys/types.h> #include &l…