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

Echarts 的使用

Echarts中常用属性总结

option={
    title:{   //标题
        text:'数据展示图',   //标题名字
        textStyle:{},   //文字样式
        borderWidth:5,borderColor:'pink',borderRadius:5,   //标题边框等
        left:30,top,:0,right:0...,   //标题位置
    },   
    tooltip:{
        trigger:'item/axis',   //触发类型
        triggerOn:'click/mouseover',  //触发时机
        formatter:'{a}:{b}个'   //formatter:function(e){}   特殊文字展示
    },
    //直角坐标系中的X轴
    XAxis:{
      type:'time',  //类型
      name:'XX时间',  //名字
      axisLine:{},   //X轴的line的相关样式
    },
    //直角坐标系中的Y轴
    yAxis:{},
    //系列列表。每个系列通过type决定自己的图标类型
    series:[
        {
            type:'line',   //展示数据类型
            markPoint:{    //以测点的形式展示数据
                data:[{type:'max',name:'最大值'}]
            },
            markLine:{   //以线型的形式展示数据
                data:[{type:'average',name:'平均值'}]
            }label:{   //数值的显示
            	show:true
        	}
        }
    ]
}

相关文章:

  • Docker安装部署(详细版)
  • 【react hook】umi获取虚拟dom元素 并点击按钮滚动到对应元素位置
  • list深度拷贝转为JSON字符串,放到Redis
  • java计算机毕业设计社区老人健康服务跟踪系统源码+系统+数据库+lw文档+mybatis+运行部署
  • LeetCode_309_最佳买卖股票时机含冷冻期
  • Vue中使用lottie动画加载json文件
  • 炒股加杠杆方式有哪些
  • 23届秋招前端笔面经合辑(持续更新)
  • Docker实时查看日志命令
  • CSS 实现内阴影的方法
  • 聚N-乙烯基乙酰胺接枝聚苯乙烯微球PNVA-g-PSt/磺化聚苯乙烯/壳聚糖复合微球探究
  • docker官方历史版本下载地址
  • 5.9如何判断括号的合法性
  • org.yaml.snakeyaml.scanner.ScannerException: while scanning a simple key
  • 进程间通信机制原理
  • python3.6+scrapy+mysql 爬虫实战
  • (三)从jvm层面了解线程的启动和停止
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • Apache的基本使用
  • CentOS6 编译安装 redis-3.2.3
  • express如何解决request entity too large问题
  • Java|序列化异常StreamCorruptedException的解决方法
  • JavaWeb(学习笔记二)
  • Java程序员幽默爆笑锦集
  • java多线程
  • Java深入 - 深入理解Java集合
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • Travix是如何部署应用程序到Kubernetes上的
  • 工程优化暨babel升级小记
  • 基于游标的分页接口实现
  • 前嗅ForeSpider教程:创建模板
  • 微信小程序:实现悬浮返回和分享按钮
  • 字符串匹配基础上
  • Java数据解析之JSON
  • 湖北分布式智能数据采集方法有哪些?
  • ​ubuntu下安装kvm虚拟机
  • ​软考-高级-系统架构设计师教程(清华第2版)【第15章 面向服务架构设计理论与实践(P527~554)-思维导图】​
  • #NOIP 2014# day.1 T2 联合权值
  • (04)odoo视图操作
  • (八)c52学习之旅-中断实验
  • (多级缓存)缓存同步
  • (二)pulsar安装在独立的docker中,python测试
  • (附源码)python房屋租赁管理系统 毕业设计 745613
  • (附源码)ssm智慧社区管理系统 毕业设计 101635
  • (附源码)基于ssm的模具配件账单管理系统 毕业设计 081848
  • (离散数学)逻辑连接词
  • (四)库存超卖案例实战——优化redis分布式锁
  • (续)使用Django搭建一个完整的项目(Centos7+Nginx)
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .naturalWidth 和naturalHeight属性,
  • .NET Core、DNX、DNU、DNVM、MVC6学习资料
  • .Net 应用中使用dot trace进行性能诊断
  • .NET6实现破解Modbus poll点表配置文件
  • .NET单元测试
  • .Net的C#语言取月份数值对应的MonthName值