当前位置: 首页 > news >正文

echarts 散点图修改散点图中图形形状颜色大小

话不多说,直接上代码

在这里插入图片描述


let option = {color:['xxx', 'xxx', 'xxx', 'xxx'], //直接设置color可修改图形颜色title: {text: '散点图图形',},tooltip: {trigger: 'axis',axisPointer: {type: 'cross'}},legend: {top: 2,right:2,itemWidth: 10,itemHeight: 10,textStyle:{fontSize:14},//legend里面的data属性可以设置值为对象数组 icon属性可设置点的形状data:[{  name: 'aaa', icon: 'square' },{  name: 'bbb', icon: 'square' },{  name: 'ccc', icon: 'circle' },{  name: 'ddd', icon: 'triangle' }]},grid: {left: '2%',right: '2%',bottom: 10,containLabel: true},xAxis: {},yAxis: {type: 'value',name: '测试',nameTextStyle: {color: '#6E707D',fontSize:14},axisLine: { show: false },axisTick: { show: false },axisLabel: {margin: 2,interval: 15,color: '#6E707D'}},series: [{name: 'aaa',type: 'scatter',// series里面data 也可以设置为对象数组 symbol可设置图形形状data: [// 正方形点{ value: [1, 5], symbol: 'square' },{ value: [6, 15], symbol: 'square' },{ value: [4, 9], symbol: 'square' },{ value: [10, 25], symbol: 'square' },{ value: [15, 25], symbol: 'square' },]},{name: 'bbb',type: 'scatter',data: [// 正方形点{ value: [6, 5], symbol: 'square' },{ value: [12, 15], symbol: 'square' },{ value: [1, 9], symbol: 'square' },{ value: [8, 25], symbol: 'square' },{ value: [7, 16], symbol: 'square' },]},{   name:'ccc',type: 'scatter',data: [// 圆形点{ value: [1, 2], symbol: 'circle' },{ value: [4, 2], symbol: 'circle' },{ value: [3, 10], symbol: 'circle' },{ value: [6, 8], symbol: 'circle' },{ value: [10, 20], symbol: 'circle' },]},{name:'ddd',type: 'scatter',data: [// 三角形点{ value: [2, 30], symbol: 'triangle' },{ value: [10, 25], symbol: 'triangle' },{ value: [8, 10], symbol: 'triangle' },{ value: [22, 32], symbol: 'triangle' },{ value: [16, 20], symbol: 'triangle' },]}]}

相关文章:

echarts 散点图修改散点图中图形形状颜色大小

话不多说,直接上代码 let option {color:[xxx, xxx, xxx, xxx], //直接设置color可修改图形颜色title: {text: 散点图图形,},tooltip: {trigger: axis,axisPointer: {type: cross}},legend: {top: 2,right:2,itemWidth: 10,itemHeight: 10,textStyle:{fontSize:14}…...

SpringBoot3.x + JDK21 整合 Mybatis-Plus

前言 SpringBoot3.0 开始最低要求 Java 17,虽然目前最新的版本为 JDK22,但是在官网上看到 JDK23 在今年9月又要发布了,感觉这 JDK 也有点太过于给力了 所以我们选择用目前的 LTS 版本 JDK21 就好了,不用追求最新的 springboot 版…...

Java类和对象(五)—— 抽象类、接口、Object类和内部类

抽象类 在继承体系下,父类有些方法可能是要被重写的,如果我们事先就知道某些方法需要重写的话,我们可以不用在父类里面具体实现这个方法,这时候我们会用到抽象方法,这时候我们会用到关键字abstract关键字来修饰 publ…...

图像上下文学习|多模态基础模型中的多镜头情境学习

【原文】众所周知,大型语言模型在小样本上下文学习(ICL)方面非常有效。多模态基础模型的最新进展实现了前所未有的长上下文窗口,为探索其执行 ICL 的能力提供了机会,并提供了更多演示示例。在这项工作中,我…...

汇编:函数以及函数参数传递

汇编语言中的函数(或过程)是指一段可以被调用和执行的代码块;它们用于组织和重用代码,并使程序结构更加清晰;由于汇编语言没有高层次语言的语法糖,编写和调用函数涉及直接的堆栈操作和寄存器管理&#xff1…...

linux-ftp服务器搭建简介

安装ftp服务器: vsftpd全称为“very secure FTP daemon”,是一个在UNIX类操作系统上运行的服务,可以提供高安全性的FTP服务。 vsftpd是一个免费和开放源代码的FTP服务器软件,它提供了许多其他FTP服务器不支持的特性,例…...

二十一、openlayers官网示例Custom Controls解析——自定义控件扩展Control类

官网demo地址: Custom Controls 这个示例讲的是如何自定义控件 首先创建了一个新的类继承了原本的Control,新增了一个button元素,然后调用了super方法将参数传给了父类。 const button document.createElement("button");button.…...

【博主推荐】HTML5实现520表白、情人节表白模板源码

文章目录 1.设计来源1.1 表白首页1.2 甜蜜瞬间11.3 甜蜜瞬间21.4 甜蜜瞬间31.5 甜蜜瞬间41.6 甜蜜瞬间51.7 甜蜜瞬间61.8 永久珍藏 2.效果和源码2.1 页面动态效果2.2 页面源代码2.3 源码目录2.4 更多为爱表白源码 3.源码下载地址 作者:xcLeigh 文章地址:…...

【YOLOv5/v7改进系列】替换激活函数为SiLU、ReLU、LeakyReLU、FReLU、PReLU、Hardswish、Mish、ELU等

一、导言 激活函数在目标检测中的作用至关重要,它们主要服务于以下几个关键目的: 引入非线性:神经网络的基本构建块(如卷积层、全连接层等)本质上是线性变换,而激活函数通过引入非线性,使得网络…...

修改MySQL root用户密码

ALTER USER ‘root’‘localhost’ IDENTIFIED BY ‘new_password’; ALTER USER ‘root’‘%’ IDENTIFIED BY ‘new_password’; 》 SET GLOBAL read_only OFF; select * from mysql.user;...

力扣刷题---409. 最长回文串【简单】

题目描述 给定一个包含大写字母和小写字母的字符串 s ,返回 通过这些字母构造成的 最长的回文串 。 在构造过程中,请注意 区分大小写 。比如 “Aa” 不能当做一个回文字符串。 示例 1: 输入:s “abccccdd” 输出:7 解释: 我们可以构造的最长的回文串…...

百度智能云参与信通院多项边缘计算标准编制,「大模型时代下云边端协同 AI 发展研讨会」成功召开

1 中国信通院联合业界制定、发布多项标准化成果,推动产业发展 大模型开启了 AI 原生时代,云边端协同 AI 构建了「集中式大规模训练」、「边缘分布式协同推理」新范式,有效降低推理时延和成本,提升数据安全和隐私性,也…...

前后端联调

网关 网关作用(认证授权、流量控制、路由转发等)网关如何工作(类似前端的路由守卫,访问服务前都经过网关) http状态码 3xx:重定向 301:永久重定向 302:临时重定向 304:…...

根据配置的mode环境显示不同的index模板

引言:在项目开发中,遇到了开发环境和生产环境使用模板不同的情况,配置如下: 一、vue.config.js const path require(path) function resolve(dir){return path.join(__dirname,dir) } module.exports {chainWebpack: config &g…...

hls.js实现分片播放视频

前言&#xff1a;hls.js官网&#xff1a;hls.js - npm 一、demo——在HTML中使用 <audio id"audio" controls></audio><script src"https://cdn.jsdelivr.net/npm/hls.jslatest"></script> <script>document.addEventList…...

K8s 运维架构师实战课程

阿良课程收益 掌握Kubernetes企业运维管理 掌握部署、运维、存储、网络、监控、日志、CICD、服务网格等实战全面搞定&#xff01; 独立将公司任何项目容器化迁移到K8s平台 生产环境真实案例 大厂企业实战经验 学习最新版、最佳实践 K8s 运维架构师实战【初中级】&#xff1a;ht…...

AIGC基础教学:AI+建筑设计,一场划时代变革的序幕已经拉开

2015年9月&#xff0c;美的集团本着把艺术融入民间的理念&#xff0c;邀请了安藤忠雄设计正在筹建中的美术馆。 在历经长达近120天的设计工作之后&#xff0c;美术馆于同年12月动工。这座具有岭南建筑文化意境的美术馆&#xff0c;后来荣获2020年美国建筑大师奖(Architecture …...

领域知识 | 智能驾驶安全领域部分常见概论

Hi&#xff0c;早。 最近想买个新能源车&#xff0c;这个车吧相比于之前的内燃车&#xff0c;新能源车与外界的交互多了很多。比如娱乐的第三方应用&#xff0c;OTA升级等应用。 交互带来的便利越多&#xff0c;暴露的风险自然也就越大&#xff0c;相比于手机等消费者终端设备…...

力扣刷题---返回word中所有不重复的单词

当需要从一个数据集合中去除重复元素时&#xff0c;set是一个很好的选择。由于其不允许存储重复的元素&#xff0c;因此可以很容易地实现去重功能。这在处理原始数据或进行数据分析时特别有用。 题目&#xff1a; 给定一个字符串数组 words&#xff0c;请返回一个由 words 中所…...

正点原子LWIP学习笔记(一)lwIP入门

lwIP入门 一、lwIP简介&#xff08;了解&#xff09;二、lwIP结构框图&#xff08;了解&#xff09;三、如何学习lwIP&#xff08;熟悉&#xff09; 一、lwIP简介&#xff08;了解&#xff09; lwIP是一个小型开源的TCP/IP协议栈 阉割的TCP/IP协议 TCP/IP协议栈结构&#xff0…...

Oracle 数据库中的 REF 类型与触发器的使用

在 Oracle 数据库中,引用类型(REF)是对象类型之间关联的一种强大工具。特别是在复杂的企业应用中,REF 类型可以帮助我们建立对象间的引用关系,模拟现实世界的关系模型。本文将通过一个实际的例子,介绍如何在 Oracle 中使用 REF 类型,以及如何通过触发器(Trigger)来确保…...

快马平台十分钟速成:用AI大模型构建你的第一个智能客服对话Agent原型

最近在尝试用AI大模型构建智能客服对话系统&#xff0c;发现InsCode(快马)平台特别适合快速验证这类原型。花十分钟就能搭建出具备基础功能的对话agent&#xff0c;和大家分享下具体实现思路&#xff1a; 界面设计 先用HTML搭建基础框架&#xff0c;主要包含三个部分&#xff1…...

数字人表情驱动:ARKit blend shape中文对照与实战解析

1. ARKit blend shape基础概念解析 第一次接触ARKit的blend shape功能时&#xff0c;我也被这些英文术语搞得晕头转向。简单来说&#xff0c;blend shape就像是我们小时候玩的橡皮泥&#xff0c;通过调整不同部位的形状来改变整体表情。ARKit定义了52个标准面部动作单元&#…...

CodeMirror边栏不止能显示行号:手把手教你打造代码调试器与个性化标记系统

CodeMirror边栏不止能显示行号&#xff1a;手把手教你打造代码调试器与个性化标记系统 在代码编辑器的演进历程中&#xff0c;边栏&#xff08;Gutter&#xff09;这个看似简单的区域&#xff0c;已经从单纯显示行号的辅助工具&#xff0c;进化为开发者与代码交互的重要界面。想…...

新手也能懂!用沁恒CH579的TMOS实现第一个蓝牙外设(附完整代码)

从零开始&#xff1a;用沁恒CH579打造你的第一个蓝牙LED控制器 第一次接触嵌入式开发的新手们&#xff0c;常常会被各种专业术语和复杂框架吓退。但今天&#xff0c;我要带你用沁恒CH579开发板和它的TMOS系统&#xff0c;完成一个实实在在的蓝牙控制LED项目——不需要深厚的编…...

Oracle错误代码实战指南:从ORA-00001到ORA-02899的快速排查手册

Oracle数据库错误代码实战排查指南&#xff1a;从原理到解决方案 1. 理解Oracle错误代码体系 Oracle数据库的错误代码体系采用"ORA-XXXXX"的格式&#xff0c;其中前五位数字代表特定错误类型。这些错误代码并非随机排列&#xff0c;而是按照功能模块进行了系统分类…...

解锁ptpython多行编辑:5个实用技巧让Python编程效率翻倍

解锁ptpython多行编辑&#xff1a;5个实用技巧让Python编程效率翻倍 【免费下载链接】ptpython A better Python REPL 项目地址: https://gitcode.com/gh_mirrors/pt/ptpython ptpython作为一款增强型Python REPL工具&#xff0c;提供了比原生Python解释器更强大的交互体…...

WRNavigationBar最佳实践:10个实用技巧提升你的iOS开发效率

WRNavigationBar最佳实践&#xff1a;10个实用技巧提升你的iOS开发效率 【免费下载链接】WRNavigationBar 超简单&#xff01;&#xff01;&#xff01; 一行代码设置状态栏、导航栏按钮、标题、颜色、透明度&#xff0c;移动等 WRNavigationBar which allows you to change …...

深度学习模型过拟合的实战诊断与优化策略

1. 过拟合现象的诊断方法 第一次训练神经网络时&#xff0c;我盯着训练准确率冲到99%兴奋不已&#xff0c;结果测试集表现只有65%——这就是典型的过拟合现场。判断模型是否过拟合&#xff0c;就像医生看体检报告&#xff0c;需要多维度交叉验证。 最直观的方法是训练集与验证集…...

终极指南:3步为Windows 11 LTSC系统快速安装微软商店

终极指南&#xff1a;3步为Windows 11 LTSC系统快速安装微软商店 【免费下载链接】LTSC-Add-MicrosoftStore Add Windows Store to Windows 11 24H2 LTSC 项目地址: https://gitcode.com/gh_mirrors/ltscad/LTSC-Add-MicrosoftStore Windows 11 LTSC&#xff08;长期服务…...