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

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

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://www.duanxianze.site/?id=22

分享给朋友:
返回列表

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

没有最新的文章了...

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

转载-如何正确判断字符串长度

原文地址 淦,为什么 "𠮷𠮷𠮷".length !== 3不知道你是否遇到过这样的疑惑,在做表单校验长度的需求中,发现不同字符 length 可能大小不一。比如标题中的 "𠮷" length 是 2(需要注意📢,这并不是一个中文字!)。js复制代码&...

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

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

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

chrome解决http自动跳转https问题

chrome解决http自动跳转https问题

1.地址栏输入: chrome://net-internals/#hsts2.找到底部Delete domain security policies一栏,输入想处理的域名,点击delete。3.搞定了,再次访问http域名不再自动跳转https了。...

windows查看当前活跃的连接数

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