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: '平均值' }]
           }

相关文章
|
6月前
echarts 柱状图/折线图x轴坐标间隔
echarts 柱状图/折线图x轴坐标间隔
218 0
|
JSON 前端开发 数据格式
【前端统计图】echarts实现简单柱状图
【前端统计图】echarts实现简单柱状图
87 0
ECharts 柱状图横轴(X轴)文字内容显示不全
ECharts 柱状图横轴(X轴)文字内容显示不全
311 0
|
28天前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
358 0
|
3月前
Echarts——饼图折线图柱状图相互转换
Echarts——饼图折线图柱状图相互转换
131 0
|
4月前
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
358 0
|
5月前
|
JavaScript Apache 容器
如何使用ECharts制作一个简单的柱状图
如何使用ECharts制作一个简单的柱状图
72 0
|
12月前
echarts设置柱状图柱状图粗细大小
echarts设置柱状图柱状图粗细大小
223 1
|
12月前
|
BI
echarts柱状图实现颜色渐变效果
echarts柱状图实现颜色渐变效果
220 1
|
6月前
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色