cqwcns 发表于 2022-10-3 14:26

ECharts,标记线(markLine)颜色的问题

如下图所示,希望创建一个简单的折线图,只有一个系列(series),再加两条标记线(markLine)。


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


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


option = {
xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
    type: 'value'
},
series: [
    {
      data: ,
      type: 'line',
      smooth: true,
      markLine: {
          silent: true,
          lineStyle: {
            color: '#333'
          },
          label:{
            formatter:'{b}'
          },
          data: [
            {
            name:'最高要求',
            yAxis: 1200
            },
            {
            name:'最低要求',
            yAxis: 980
            }
          ]
      }
    }
]
};

zach14c 发表于 2022-10-3 14:48

option = {
xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
    type: 'value'
},
series: [
    {
      data: ,
      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'
            }
          }
      ]
      }
    }
]
};

FirstExecution 发表于 2022-10-3 16:00

cqwcns 发表于 2022-10-3 16:38

zach14c 发表于 2022-10-3 14:48
option = {
xAxis: {
    type: 'category',


感谢大佬。
今天的免费评分用完了,免费评分后续奉上。
再次感谢。
页: [1]
查看完整版本: ECharts,标记线(markLine)颜色的问题