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

echarts给Y轴的不同轴线设置不同的颜色的样式

官方文档

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',}]
};

效果: 

需要添加参数markLine

option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line',markLine: {symbol: 'none',silent: true,lineStyle: { normal: { type: 'dashed' } },label: { position: 'start' },data: [{yAxis: 250,lineStyle: { width: 1.656, color: '#ff6367' },label: { show: false }},{yAxis: 150,lineStyle: { width: 1.656, color: '#46C67F' },label: { show: false }}]},}]
};

效果:

http://www.lryc.cn/news/469307.html

相关文章:

  • 从0到1构建 UniApp + Vue3 + TypeScript 移动端跨平台开源脚手架
  • 论文笔记:LaDe: The First Comprehensive Last-mile Delivery Dataset from Industry
  • 无用的知识又增加了-静态二值贝叶斯滤波
  • cesium相机(camera)控制
  • Java 反射
  • 【目标检测01】真实框、预测框、锚框和交并比IoU
  • 青少年编程能力等级测评CPA C++五级试卷(2)
  • SATA数据线
  • 《云原生安全攻防》-- K8s攻击案例:权限维持的攻击手法
  • 回溯算法-Java【力扣】【算法学习day.14】
  • 从本地到云端:跨用户请求问题的完美解决方案
  • leetcode day4 409+5
  • 英语语法学习框架(考研)
  • 基于neo4j的学术论文关系管理系统
  • C#中的委托、匿名方法、Lambda、Action和Func
  • IDEA关联Tomcat——最新版本IDEA 2024
  • 【如何获取股票数据18】Python、Java等多种主流语言实例演示获取股票行情api接口之沪深A股解禁限售数据获取实例演示及接口API说明文档
  • NVR小程序接入平台/设备EasyNVR多品牌NVR管理工具/设备的多维拓展与灵活应用
  • GPT-4o 和 GPT-4 Turbo 模型之间的对比
  • gin入门教程(10):实现jwt认证
  • Python 基础语法 - 数据类型
  • 自托管无代码数据库Undb
  • 正则的正向前瞻断言和负向前瞻断言
  • 大厂物联网(IoT)高频面试题及参考答案
  • react hook
  • Jetpack架构组件_LiveData组件
  • Etcd 可观测最佳实践
  • 钉钉录播抓取视频
  • centos下面的jdk17的安装配置
  • 【操作系统】——调度