首页 > 其他分享 >echart 实现添加警戒线

echart 实现添加警戒线

时间:2023-08-08 17:01:52浏览次数:54  
标签:echart 警戒线 data 120 添加 110 type

代码:

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value',
  },
  series: [
    {
      name: '数据系列1',
      type: 'line',
      data: [120, 200, 150, 80, 70, 110, 130],
      markLine: {
        symbol: 'none',
        data: [{
          yAxis: 120,
          lineStyle: {
            color: 'red',
            type: 'dashed',
            width: 2
          },
          label: {
            show: true,
            position: 'end',
            formatter: '警戒线'
          }
        }]
      }
    },
    {
      name: '数据系列2',
      type: 'line',
      data: [80, 90, 100, 120, 110, 100, 90]
    }
  ]
};

效果:

 

 

标签:echart,警戒线,data,120,添加,110,type
From: https://www.cnblogs.com/crazycode2/p/17614817.html

相关文章

  • Django博客开发教程:使用富文本编辑器添加数据
    在Djangoadmin后台添加数据的时候,文章内容文本框想发布一篇图文并茂的文章需就得手写Html代码,这十分吃力,也没法上传图片和文件。这显然不是我等高大上程序猿想要的。为提升效率,我们可以使用富文本编辑器添加数据。支持Django的富文本编辑器很多,这里我推荐使用DjangoUeditor,Uedi......
  • VMware虚拟机添加新硬盘以及对磁盘进行分区挂载
    有时候我们需要在VMware中添加新的虚拟磁盘。比如原来已经有sda盘,现在我们需要新的空白sdb盘。方法如下:VMware新增磁盘的设置步骤(建议:在设置虚拟的时候,不要运行虚拟机的系统,不然添加了新的虚拟磁盘则要重启虚拟机)1、选择“VM”—-“设置”并打开,将光标定位在硬盘这一选项,然后......
  • Bootstrap框架----多条记录双文本(List)添加
    有时候我们需要实现双文本的多条记录录入,传给后台保存成List的结构。界面交互设计如图:可动态添加行数,每行固定两个文本录入。我们在之前的文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录多条文本录入用法。应用bootstrap模板基础项目源码下载......
  • kettle之添加geometry插件支持并使用
    参考:https://blog.csdn.net/aganliang/article/details/104949538为了能够处理geometry类型的数据,PDI需要安装pentaho-gis-plugins该插件下载地址:https://github.com/atolcd/pentaho-gis-plugins/releases根据自己的kettle版本,下载所需的插件即可,我的是9的,所以下载的是1.4 ......
  • 支持多数据源联合查询的SQL运行引擎sycnany-SQL添加使用自定义函数
    在微服务和云原生愈发流行的今天,数据的分布也愈发脱离单库单机而更加复杂,使用的数据库类型也会更多,但业务的复杂依然会带来了大量的数据查询和导出需求,而很多时候我们很难为数据量的大部分系统创建完整的BI数仓系统,这时候你是不是觉得为这些需求查询和导出数据就会是一个十分困难且......
  • 在AMD PetaLinux中添加命令pstree
    命令pstree将相关进程以树状图显示,方便查看进程间的关系。由于调试需要,需要在Linux里使用命令pstree。但是PetaLinux产生的Linux映像,默认不带命令pstree。在rootfs里查找pstree首先使用命令“petalinux-config-crootfs”尝试在rootfs里查找pstree。没有找到pstree。在psmisc......
  • vue-router addRoute将子路由添加到指定路由下
    router.addRoute()可以向vue路由中动态的添加路由信息,但,路由存在多层级关系,例如,最开始的路由是这样的:{path:'/',name:'layout',component:resolve=>require(['../layout'],resolve),meta:{title:'',handleStatus:......
  • FreeSWITCH添加自定义endpoint之媒体交互
    操作系统:CentOS7.6_x64FreeSWITCH版本:1.10.9 之前写过FreeSWITCH添加自定义endpoint的文章:https://www.cnblogs.com/MikeZhang/p/fsAddEndpoint20230528.html今天记录下endpoint媒体交互的过程并提供示例代码及相关资源下载,本文涉及示例代码和资源可从如下渠道获取:关......
  • 为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、sty
    因历史遗留原因,接手的项目没有代码提醒/格式化,包括eslint、pretttier,也没有commit提交校验,如husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。eslinteslint是一个代码校验工具,用来规范项目代码风格。初始化通过n......
  • SPSS添加日期变量
    1.点击转换,然后选择计算变量 2.目标变量命名为测试时间,然后函数组选择日期创建,函数和特殊变量选择Date.Dmy,Date.Dmy函数用法:DATE.DMY(day,month,year)。数值。返回对应于所指day、month和year的日期值。这些参数必须解析为整数,其中day介于0到31之间,month介于1......