Echarts折线图分割线颜色

news2024/11/26 11:57:13

直接上代码

splitLine: {
                        show: true,    // 是否显示分隔线。默认数值轴显示,类目轴不显示
                        type: 'solid',     // 坐标轴线线的类型('solid',实线类型;'dashed',虚线类型;'dotted',点状类型)
                        lineStyle: {
                            color: '#273569',
                            width: 2 // 设置分割线的粗细为2
                        }
                    }

隐藏xy轴线,刻度线

 axisLine: {
                        show: false  //隐藏x轴线 
                    },
                    axisTick: {
                        show: false //隐藏x轴刻度
                    }

改变小圆点大小

 symbol: "circle", //将小圆点改成实心 不写symbol默认空心
                    symbolSize: 10, //小圆点的大小
                    itemStyle: {
                        color: "white" // 圆点背景色
                    },

线条阴影,颜色

lineStyle: {
                        width: 2,
                        color: "#76dcf3", //线条颜色
                        // type: "dotted", //'dotted'虚线 'solid'实线
                        shadowColor: "#6AF0FF", //阴影颜色
                        shadowBlur: 5, //阴影的模糊大小。
                        shadowOffsetX: 5, // 阴影水平方向上的偏移距离
                        shadowOffsetY: 5 // 阴影垂直方向上的偏移距离
                    }

样式渐变

 areaStyle: {
                        color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [
                            { offset: 1, color: '#00edff' },
                            { offset: 0.5, color: '#2391b1' },
                            { offset: 0, color: '#153e70' },
                        ]),
                    }

效果图

 

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

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

相关文章

一本通1910:【00NOIP普及组】计算器的改良题解

今天是编程集训的第二天,也是我来到CSDN整整1年。感谢所有阅读过我的文章的人,谢谢。 今天的比赛难度略低于昨天,但这道题也卡了我好久。 进入正题 题目: 题目描述: NCL是一家专门从事计算器改良与升级的实验室&a…

【软件测试】selenium中元素的定位

1.元素的定位 不管用那种方式,必须保证页面上该属性的唯一性 1.CSS 定位 CSS(Cascading Style Sheets)是一种语言,它被用来描述HTML 和XML 文档的表现。 CSS 使用选择器来为页面元素绑定属性。这些选择器可以被selenium 用作另外的定位策略CSS的获取可…

牛客小白月赛75题解

C 豆子 构造题 由构造公式知 第n级好豆子 第n-1级坏豆子^1 所以只需要构造一个豆子结构就行 第 i 级豆子 第 i 级豆子 第 i 级豆子 第 i 级豆子 第 i 级豆子 ^ 1 第i级豆子\begin{aligned} 第i级豆子 && 第i级豆子 \\ 第i级豆子 && 第i级豆子 \verb|^| 1 …

研究IOT,发现硬件和软件的结合才是解决方案,IOT的软件服务可以通过售卖硬件一起捆绑销售。而单纯做云服务比较难。

1,研究4G网卡,调研到DTU 关于DTU: DTU (Data Transfer Unit)是一种常见的的物联网通信终端产品,起到网关的作用,它一边通过串口或无线技术连接各种传感器、控制器、执行器等,另一边…

【Spring Boot学习一】创建项目 Spring Boot的配置文件

目录 一、安装插件 二、创建Spring Boot项目 1、创建项目 1.1 使用IDEA创建 1.2 网页版本创建 2、项目目录介绍与运行 三、Sping Boot的配置文件(重点) 🌷1、.properties配置文件 (1)基础语法:Key …

【C++】将类对象转换成基本数据类型

2023年7月19日,周三晚上: 今天晚上看源码的时候,突然在某个类里面看到了“operator bool() const;”,我完全想不起来这是啥意思了,于是今晚重新学习了一下 目录 类型转换函数的定义类型转换函数的作用 类型转换函数的…

坐标系变换的坑

坐标系变换的坑 坐标系变换本来是很简单的事情,公式也很简单。但是卡了我很多天,原因是:两个坐标系的位姿,虽然都是右手系,但我的在顺时针旋转是yaw角是递增的,同事发给我的却是逆时针递减的。 理论上很简…

node自主学习——fs文件操作模块

目录 读文件 读文件是否成功的判定 写文件 写文件是否成功的判定 备注:VsCode、node v18.17.0 读文件 fs.readFile(文件路径, 编码格式(可选), 回调函数)// 回调函数可以打印失败和成功的结果 // 若成功,err的值为null // 若…

自动化测试之数据驱动与关键字驱动

目录 1.录制/回放的神话 2.数据驱动的自动化测试框架 3.关键字驱动的自动化测试 初次接触自动化测试时,对数据驱动和关键字驱动不甚理解,觉得有点故弄玄须,不就是参数和函数其嘛!其实其也体现了测试所不同与开发的一些特点&…

【JavaScript】Function的祖传方法call与apply

引言 内容速递 看了本文您能了解到的知识! 在本篇文章中,将带你了解什么是call和apply,call和apply的用途、如何手写call和apply以及call和apply的使用场景。 1、什么是call和apply call()和apply()是JavaScript中的两个内置方法&#xff…

面试题:redis是单线程、StringBuffer是线程安全的

1、说明String 和StringBuffer的区别 类底层/ 可变?线程安全Stringfinal char[] 不可变是StringBuffer char[] 可变 是(synchronized方法)StringBuilder char[] 可变否 (4条消息) Java基础:String、StringBuffer、…

mcu 启动流程

MCU启动流程 MCU启动流程 MCU启动流程1 MCU的启动方式2 MCU程序启动执行过程3 启动过程的执行工作4 keil调式过程验证 1 MCU的启动方式 单片机的启动方式,以stm32为例,如下: 不同的下载方式对应的不同的启动方式,stm32主要有三种…

【最新教程】树莓派安装系统及VNC远程桌面连接

大家好,今天就不给大家介绍PYTHONL ,今天我作为一个刚入坑树莓派的小白,整理了一下自己安装树莓派的整个过程,分享给大家。 目录 树莓派 准备工作: 树莓派远程ssh失败access denied 原因: 树莓派系统安装 1、下载…

ImportError: cannot import name ‘imresize‘ from ‘scipy.misc‘

ImportError: cannot import name ‘imresize’ from ‘scipy.misc’ 今天在运行项目时发现了部分代码出现问题,报错图片如下: 通过了解得知,imresize已经被最新版本的Scipy库弃用了,所以在这里,处理这种错误可以选择…

ylb-接口6验证手机号是否注册

总览: 1、service处理 在api模块下service包,创建一个UserService接口:(根据手机号查询数据queryByPhone(String phone)) package com.bjpowernode.api.service;import com.bjpowernode.api.model.User; import co…

前端 | (六)CSS盒子模型 | 尚硅谷前端html+css零基础教程2023最新

学习来源:尚硅谷前端htmlcss零基础教程,2023最新前端开发html5css3视频 文章目录 📚元素的显示模式🐇CSS长度单位🐇元素的显示模式⭐️块元素(block)⭐️行内元素(inline&#xff09…

网工内推 | 美图秀秀招网工,大专以上,15薪,NP认证优先

01 美图公司 招聘岗位:网络工程师 职责描述: 1、美图大厦网络、分公司网络、IT相关项目的网络、办公内网服务器; 2、负责网络的设计、运行、管理和维护等工作; 3、负责远程办公环境的优化、运行、管理和维护工作; 4、…

UnxUtils工具包,Windows下使用Linux命令

1. 前言 最近写批处理多了,发现Windows下的bat批处理命令,相比Linux的命令,无论是功能还是多样性,真的差太多了。但有时候又不得不使用bat批处理,好在今天发现了一个不错的工具包:UnxUtils,这个…

Generative Adversarial Network

Goodfellow,2014年 文献阅读笔记--GAN--Generative Adversarial NetworkGAN的原始论文-组会讲解_gan英文论文_Flying Warrior的博客-CSDN博客 启发:如何看两个数据是否来自同一个分布? 在统计中,two sample test。训练一个二分类的分类器,如果能分开这两个数据,说明来自…

基于MSP432P401R跟随小车【2022年电赛C题】

文章目录 一、赛前准备1. 硬件清单2. 工程环境 二、赛题思考三、软件设计1. 路程、时间、速度计算2. 距离测量3. 双机通信4. 红外循迹 四、技术交流 一、赛前准备 1. 硬件清单 主控板: MSP432P401R测距模块: GY56数据显示: OLED电机&#x…