Echarts 柱状图添加标记 最大值 最小值 平均值

简介: Echarts 柱状图添加标记 最大值 最小值 平均值

标记 最大值 最小值

series: [//图表配置项 如大小,图表类型
            {
              name: '图例',
              type: 'bar',//图表类型
              data: [{
                'value': '500',
                'time': '2012-11-12'
              },
              {
                'value': '454',
                'time': '2020-5-17'
              },
              {
                'value': '544',
                'time': '2022-1-22'
              },
              {
                'value': '877',
                'time': '2013-1-30'
              }, 
              {
                'value': '877',
                'time': '2012-11-12'
              }]  ,
              //自定义数据
      //配置数据标记
              markPoint:
              {
                data: [
                  {
                    type: 'max',
                    name: '最大值'
                  },
                  {
                    type: 'min',
                    name: '最小值'
                  }
                ]
              }
            }
          ]


水平 平均值线

markLine:{
                data: [{ type: 'average', name: '平均值' }]
           }

相关文章
|
7月前
echarts 柱状图/折线图x轴坐标间隔
echarts 柱状图/折线图x轴坐标间隔
244 0
|
JSON 前端开发 数据格式
【前端统计图】echarts实现简单柱状图
【前端统计图】echarts实现简单柱状图
94 0
|
3天前
|
前端开发 数据可视化 JavaScript
前端echarts加标记点及标记线和提示框
通过本文的介绍,希望您能够深入理解和掌握如何在ECharts中添加标记点、标记线和提示框,并在实际项目中灵活运用这些功能,提升数据可视化效果。
16 4
|
2月前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
544 0
|
4月前
Echarts——饼图折线图柱状图相互转换
Echarts——饼图折线图柱状图相互转换
145 0
|
5月前
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
443 0
|
6月前
|
JavaScript Apache 容器
如何使用ECharts制作一个简单的柱状图
如何使用ECharts制作一个简单的柱状图
83 0
echarts设置柱状图柱状图粗细大小
echarts设置柱状图柱状图粗细大小
234 1
echarts柱状图实现颜色渐变效果
echarts柱状图实现颜色渐变效果
263 1
|
7月前
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色