当前位置: 首页 > 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' },]}]}
http://www.lryc.cn/news/352133.html

相关文章:

  • SpringBoot3.x + JDK21 整合 Mybatis-Plus
  • Java类和对象(五)—— 抽象类、接口、Object类和内部类
  • 图像上下文学习|多模态基础模型中的多镜头情境学习
  • 汇编:函数以及函数参数传递
  • linux-ftp服务器搭建简介
  • 二十一、openlayers官网示例Custom Controls解析——自定义控件扩展Control类
  • 【博主推荐】HTML5实现520表白、情人节表白模板源码
  • 【YOLOv5/v7改进系列】替换激活函数为SiLU、ReLU、LeakyReLU、FReLU、PReLU、Hardswish、Mish、ELU等
  • 修改MySQL root用户密码
  • 力扣刷题---409. 最长回文串【简单】
  • 百度智能云参与信通院多项边缘计算标准编制,「大模型时代下云边端协同 AI 发展研讨会」成功召开
  • 前后端联调
  • 根据配置的mode环境显示不同的index模板
  • hls.js实现分片播放视频
  • K8s 运维架构师实战课程
  • AIGC基础教学:AI+建筑设计,一场划时代变革的序幕已经拉开
  • 领域知识 | 智能驾驶安全领域部分常见概论
  • 力扣刷题---返回word中所有不重复的单词
  • 正点原子LWIP学习笔记(一)lwIP入门
  • 16、设计模式之迭代器模式
  • 自然语言处理实战项目29-深度上下文相关的词嵌入语言模型ELMo的搭建与NLP任务的实战
  • TCP/IP体系模型简介
  • 【ZYNQ】AXI-Quad-SPI SDK 开发记录 测试
  • Django提交表单出错提示错误
  • 鸿蒙开发 组件之间的传值
  • [晕事]今天做了件晕事35 VM发送给gateway太多ARP,导致攻击检查?
  • 虹科干货丨多设备协同无忧:Linux环境下PCAN固定设备ID通道分配指南
  • 【python】flask操作数据库工具SQLAlchemy,详细用法和应用实战
  • web前端项目已有阿里巴巴图标基础上,再次导入阿里巴巴图标的方法
  • 头歌openGauss-存储过程第2关:修改存储过程