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

相关文章
|
1月前
echarts 柱状图/折线图x轴坐标间隔
echarts 柱状图/折线图x轴坐标间隔
52 0
|
7月前
|
JSON 前端开发 数据格式
【前端统计图】echarts实现简单柱状图
【前端统计图】echarts实现简单柱状图
67 0
|
7月前
ECharts 柱状图横轴(X轴)文字内容显示不全
ECharts 柱状图横轴(X轴)文字内容显示不全
172 0
|
9天前
|
JavaScript Apache 容器
如何使用ECharts制作一个简单的柱状图
如何使用ECharts制作一个简单的柱状图
15 0
|
7月前
echarts设置柱状图柱状图粗细大小
echarts设置柱状图柱状图粗细大小
104 1
|
7月前
|
BI
echarts柱状图实现颜色渐变效果
echarts柱状图实现颜色渐变效果
85 1
|
1月前
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色
|
1月前
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
Echarts柱状图x轴刻度间隔显示不全/x轴文字倾斜
210 0
|
6月前
|
容器
Echarts 最简单创建柱状图
Echarts 最简单创建柱状图
|
7月前
|
JSON 数据可视化 JavaScript
vue+echarts实现一个叠堆柱状图
vue+echarts实现一个叠堆柱状图
64 0