吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1182|回复: 3
收起左侧

[求助] ECharts,标记线(markLine)颜色的问题

[复制链接]
cqwcns 发表于 2022-10-3 14:26
如下图所示,希望创建一个简单的折线图,只有一个系列(series),再加两条标记线(markLine)。


但需求是两条标记先分别配置不同的颜色,例如最高要求是绿色,最低要求是红色。这样。
不知道有没有办法实现,请各位大佬指教,感谢。


https://echarts.apache.org/examples/zh/editor.html?c=line-smooth
(具体代码和测试,请打开以上网站到官方Demo测试页)


[JavaScript] 纯文本查看 复制代码
option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      smooth: true,
      markLine: {
          silent: true,
          lineStyle: {
            color: '#333'
          },
          label:{
            formatter:'{b}'
          },
          data: [
            {
              name:'最高要求',
              yAxis: 1200
            },
            {
              name:'最低要求',
              yAxis: 980
            }
          ]
        }
    }
  ]
};


微信图片_20221003074712.png

免费评分

参与人数 2吾爱币 +2 热心值 +2 收起 理由
shizi1521 + 1 + 1 谢谢@Thanks!
461735945 + 1 + 1 谢谢@Thanks!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

zach14c 发表于 2022-10-3 14:48
[JavaScript] 纯文本查看 复制代码
option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [820, 932, 901, 934, 1290, 1330, 1320],
      type: 'line',
      smooth: true,
      markLine: {
        silent: true,
        lineStyle: {
          color: '#333'
        },
        label: {
          formatter: '{b}'
        },
        data: [
          {
            name: '最高要求',
            yAxis: 1200,
            lineStyle: {
              color: 'red'
            }
          },
          {
            name: '最低要求',
            yAxis: 980,
            lineStyle: {
              color: 'blue'
            }
          }
        ]
      }
    }
  ]
};

免费评分

参与人数 3吾爱币 +4 热心值 +3 收起 理由
我的破解 + 1 + 1 谢谢@Thanks!
cqwcns + 1 + 1 谢谢@Thanks!
d8349565 + 2 + 1 我很赞同!

查看全部评分

头像被屏蔽
FirstExecution 发表于 2022-10-3 16:00
 楼主| cqwcns 发表于 2022-10-3 16:38
zach14c 发表于 2022-10-3 14:48
[mw_shl_code=javascript,false]option = {
  xAxis: {
    type: 'category',

感谢大佬。
今天的免费评分用完了,免费评分后续奉上。
再次感谢。

免费评分

参与人数 1吾爱币 +3 热心值 +1 收起 理由
jamescookers988 + 3 + 1 热心回复!

查看全部评分

您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-25 06:54

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表