echarts多条折线拐点处数值及样式设置

最新推荐文章于 2024-05-05 03:26:10 发布

跨世纪的小瑶

最新推荐文章于 2024-05-05 03:26:10 发布

阅读量952

点赞数

分类专栏： vue-echarts 文章标签： echarts javascript

本文链接：https://blog.csdn.net/m0_45237165/article/details/122985498

版权

vue-echarts 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

效果图

在这里插入图片描述

echarts的option中对应的series

series: [
    {
      name: 'Email',
      type: 'line',
      itemStyle : { 
        normal: {
          label : {
            show: true, // 是否展示数值
            position: 'bottom', // 数值展示位置
            color: 'blue' // 数字的颜色
          }
        }
        
      },
      data: [120, 132, 101, 134, 90, 230, 210]
    },
    {
      name: 'Union Ads',
      type: 'line',
      itemStyle : { 
        normal: {
          label : {show: true, position: 'top', color: 'green'}
        }
        
      },
      data: [220, 182, 81, 234, 290, 130, 310]
    },
  ]