当前位置:首页 > 前端基础 > 正文内容

Echarts中绘制区域标准值标线时coord属性用法

admin2周前 (09-05)前端基础41

coord必须是数组,第一个coord表示起点,第二个coord表示重点,其中coord:[0,1] ,第一个元素是x轴,第二个元素是y轴数值

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar',
      markLine: {
        lineStyle: {
          color: '#0AE4FA',
          type: "solid",
          width: 2
        },
        data: [
          [
            {
              coord: [0, 20],// 关键点,0表示x轴第一个坐标,也可以用“mon”代替,20表示y轴的数值大小
              name:"本区标准配额",
              value:20,
            },
            {coord: [1, 20]} // 关键点,1表示x轴第二个坐标,也可以用“Tue”,20表示y轴的数值大小
          ], [
            {
              coord: [3, 40],// 可以画多个线,也可以化斜线
              value:45,
            },
            {coord: [6, 50]}  
          ],,
        ],
        symbol: ['none', 'none']
      },
    }
  ]
};

bar-simple.png

扫描二维码推送至手机访问。

版权声明:本文由一棵低调的葱发布,如需转载请注明出处。

本文链接:https://duanxianze.site/?id=22

分享给朋友:
返回列表

上一篇:ECharts绘制立体柱状图(圆柱体)详细示例

没有最新的文章了...

“Echarts中绘制区域标准值标线时coord属性用法” 的相关文章

转载-前端上传文件的方法

转载-前端上传文件的方法

原文 上传文件应该经过后端吗,还是直接上传至阿里oss? - yearu的回答 - 知乎https://www.zhihu.com/question/461803154/answer/3178042223...

windows删除文件夹下所有.DS_Store文件

Get-ChildItem -Path . -Recurse -Filter .DS_Store | Remove-Item -Force...

windows查看当前活跃的连接数

netstat -n -o | Select-String -Pattern "ESTABLISHED" | Measure-Object -Linenetstat -n -o ...

设置dns为腾讯和阿里服务器doh

ipv4: 119.29.29.29          https://doh.pub/dns-query223.5.5.5              &nbs...

ECharts绘制立体柱状图(圆柱体)详细示例

ECharts绘制立体柱状图(圆柱体)详细示例

转载自 https://hanwenblog.com/post/101.html 核心代码const yData = [1000, 800, 600, 400, 1000]; // 示例数据,对应柱子...