echarts图表标线-markLine(阈值线、警戒线)+箭头

最新推荐文章于 2024-07-05 15:59:12 发布

原创

最新推荐文章于 2024-07-05 15:59:12 发布 · 4.7k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript

本文介绍如何在ECharts图表中使用markLine功能添加标记线，并通过实例展示了配置项的具体用法，包括设置线的样式、位置及标签等。

series里面添加markLine

    const echart = () =>{
   
   
     var xData=["xxx","xxx","xxx","xxx","xxx","xxx","xxx","xxx,"xxx","xxx","xxx"],
          serieData=[10, 30, 20, 30, 80, 20, 10,30,30,20,30,20],
          marks=[20];
      let myEcharts = echarts.init(document.getElementById("hdechart7"))
      myEcharts.setOption({
   
   
        grid: {
   
   
          top:"15%",
          left: '3%',
          right: '8%',
          bottom: '3%',
          containLabel: true
        },
        xAxis :