diff --git a/src/chart/boxplot/BoxplotView.ts b/src/chart/boxplot/BoxplotView.ts
index f48cdf67b0..5e4109a1fb 100644
--- a/src/chart/boxplot/BoxplotView.ts
+++ b/src/chart/boxplot/BoxplotView.ts
@@ -28,6 +28,8 @@ import ExtensionAPI from '../../core/ExtensionAPI';
 import SeriesData from '../../data/SeriesData';
 import { BoxplotItemLayout } from './boxplotLayout';
 import { saveOldStyle } from '../../animation/basicTransition';
+import { ViewRootGroup } from '../../util/types';
+import { setBoxLabels } from '../../label/labelStyle';
 
 class BoxplotView extends ChartView {
     static type = 'boxplot';
@@ -52,7 +54,7 @@ class BoxplotView extends ChartView {
             .add(function (newIdx) {
                 if (data.hasValue(newIdx)) {
                     const itemLayout = data.getItemLayout(newIdx) as BoxplotItemLayout;
-                    const symbolEl = createNormalBox(itemLayout, data, newIdx, constDim, true);
+                    const symbolEl = createNormalBox(itemLayout, data, newIdx, constDim, group, true);
                     data.setItemGraphicEl(newIdx, symbolEl);
                     group.add(symbolEl);
                 }
@@ -68,11 +70,11 @@ class BoxplotView extends ChartView {
 
                 const itemLayout = data.getItemLayout(newIdx) as BoxplotItemLayout;
                 if (!symbolEl) {
-                    symbolEl = createNormalBox(itemLayout, data, newIdx, constDim);
+                    symbolEl = createNormalBox(itemLayout, data, newIdx, constDim, group);
                 }
                 else {
                     saveOldStyle(symbolEl);
-                    updateNormalBoxData(itemLayout, symbolEl, data, newIdx);
+                    updateNormalBoxData(itemLayout, symbolEl, data, newIdx, group);
                 }
 
                 group.add(symbolEl);
@@ -144,6 +146,7 @@ function createNormalBox(
     data: SeriesData,
     dataIndex: number,
     constDim: number,
+    group: ViewRootGroup,
     isInit?: boolean
 ) {
     const ends = itemLayout.ends;
@@ -156,7 +159,7 @@ function createNormalBox(
         }
     });
 
-    updateNormalBoxData(itemLayout, el, data, dataIndex, isInit);
+    updateNormalBoxData(itemLayout, el, data, dataIndex, group, isInit);
 
     return el;
 }
@@ -166,6 +169,7 @@ function updateNormalBoxData(
     el: BoxPath,
     data: SeriesData,
     dataIndex: number,
+    group: ViewRootGroup,
     isInit?: boolean
 ) {
     const seriesModel = data.hostModel;
@@ -180,11 +184,19 @@ function updateNormalBoxData(
 
     el.useStyle(data.getItemVisual(dataIndex, 'style'));
     el.style.strokeNoScale = true;
-
     el.z2 = 100;
 
     const itemModel = data.getItemModel<BoxplotDataItemOption>(dataIndex);
     const emphasisModel = itemModel.getModel('emphasis');
+    const labelModel = seriesModel.get('label');
+
+    if (labelModel.show) {
+        const formattedLabels =
+            ((seriesModel as BoxplotSeriesModel).getRawValue(dataIndex) as number[])
+            .splice(1).map((value: number) => labelModel.formatter(value).toString());
+
+        setBoxLabels(itemLayout.ends, formattedLabels, labelModel, group);
+    }
 
     setStatesStylesFromModel(el, itemModel);
 
diff --git a/src/label/labelStyle.ts b/src/label/labelStyle.ts
index 622d574bed..dc6f8923d8 100644
--- a/src/label/labelStyle.ts
+++ b/src/label/labelStyle.ts
@@ -30,7 +30,8 @@ import {
     ColorString,
     ZRStyleProps,
     AnimationOptionMixin,
-    InterpolatableValue
+    InterpolatableValue,
+    ViewRootGroup
 } from '../util/types';
 import GlobalModel from '../model/Global';
 import { isFunction, retrieve2, extend, keys, trim } from 'zrender/src/core/util';
@@ -38,7 +39,7 @@ import { SPECIAL_STATES, DISPLAY_STATES } from '../util/states';
 import { deprecateReplaceLog } from '../util/log';
 import { makeInner, interpolateRawValues } from '../util/model';
 import SeriesData from '../data/SeriesData';
-import { initProps, updateProps } from '../util/graphic';
+import * as graphic from '../util/graphic';
 
 type TextCommonParams = {
     /**
@@ -292,6 +293,66 @@ function setLabelStyle<TLabelDataIndex>(
 }
 export { setLabelStyle };
 
+/**
+ * Set and create specific labels for box plot.
+ *
+ * This method should only be used for this case,
+ * as it manually creates multiple alternating labels
+ * specifically for the box plot.
+ */
+export function setBoxLabels(boxItemPositions: number[][], formattedLabels: Array<string>,
+    labelOption: any, group: ViewRootGroup) {
+    // get sorted and unique y positions of box items
+    const yPositions = boxItemPositions.map((pos: number[]) => pos[1]);
+    const uniqueYPositions: number[] = [];
+    yPositions.forEach(position => {
+        if (!uniqueYPositions.includes(position)) {
+            uniqueYPositions.push(position);
+        }
+    });
+    uniqueYPositions.sort(function (a: number, b: number) {
+        return b - a;
+    });
+
+    boxItemPositions.sort(function (a: number[], b: number[]) {
+        return a[0] - b[0];
+    });
+
+    // get alternating y positions for labels to avoid overlap
+    const uniqueAlternatingPositions = uniqueYPositions.map((posY: number, ind: number) => {
+            const matchingPositions = boxItemPositions.filter((orgPos: number[]) => orgPos[1] === posY);
+            const index = (ind % 2 === 0) ? 0 : matchingPositions.length - 1;
+            return matchingPositions[index];
+    });
+
+    // create labels and add them to their respective positions
+    formattedLabels.forEach((labelText: string, ind: number) => {
+        if (labelOption.show === 'iqr' && (ind === 0 || ind === 4)) {
+            return;
+        }
+        if (labelOption.show === 'median' && (ind !== 2)) {
+            return;
+        }
+        if (labelOption.show === 'whiskers' && (ind !== 0 && ind !== 4)) {
+            return;
+        }
+        const label = new graphic.Text({
+            style: {
+                text: labelText
+            },
+            z2: 1000
+        });
+        const defaultOffset = 5;
+        const defaultXOffset = (ind % 2) === 0 ? (-(label.getBoundingRect().width + defaultOffset)) : defaultOffset;
+        const defaultYOffset = -defaultOffset;
+        const customOffset = labelOption.offset ? labelOption.offset : [0, 0];
+        label.x = uniqueAlternatingPositions[ind][0] + defaultXOffset + customOffset[0],
+        label.y = uniqueAlternatingPositions[ind][1] + defaultYOffset + customOffset[1],
+        group.add(label);
+    });
+}
+
+
 export function getLabelStatesModels<LabelName extends string = 'label'>(
     itemModel: Model<StatesOptionMixin<any, any> & Partial<Record<LabelName, any>>>,
     labelName?: LabelName
@@ -726,8 +787,8 @@ export function animateLabelValue(
 
     (textEl as ZRText & {percent?: number}).percent = 0;
     (labelInnerStore.prevValue == null
-        ? initProps
-        : updateProps
+        ? graphic.initProps
+        : graphic.updateProps
     )<TextProps & {percent?: number}>(textEl, {
         // percent is used to prevent animation from being aborted #15916
         percent: 1
diff --git a/test/boxplot-labels.html b/test/boxplot-labels.html
new file mode 100644
index 0000000000..20693d63b9
--- /dev/null
+++ b/test/boxplot-labels.html
@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+   http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <script src="lib/simpleRequire.js"></script>
+        <script src="lib/config.js"></script>
+        <script src="lib/jquery.min.js"></script>
+        <script src="lib/facePrint.js"></script>
+        <script src="lib/testHelper.js"></script>
+        <!-- <script src="ut/lib/canteen.js"></script> -->
+        <link rel="stylesheet" href="lib/reset.css" />
+    </head>
+    <body>
+        <style>
+        </style>
+        <div id="main"></div>
+        <script>
+         /**
+             * @see <https://en.wikipedia.org/wiki/Michelson%E2%80%93Morley_experiment>
+             * @see <http://bl.ocks.org/mbostock/4061502>
+             */
+             var chart;
+            var data;
+            var mean;
+
+            require([
+                'echarts',
+                'data/Michelson-Morley.json.js'
+            ], function (echarts, rawData) {
+                var env = echarts.env;
+
+                chart = echarts.init(document.getElementById('main'));
+
+                update('horizontal');
+
+                initControlPanel(env);
+
+                function update(layout) {
+
+                    // mean = calculateMean(rawData);
+
+                    var categoryAxis = {
+                        type: 'category',
+                        boundaryGap: true,
+                        nameGap: 30,
+                        splitArea: {
+                            show: false
+                        },
+                        splitLine: {
+                            show: false
+                        }
+                    };
+                    var valueAxis = {
+                        type: 'value',
+                        name: 'km/s minus 299,000',
+                        splitArea: {
+                            show: true
+                        }
+                    };
+
+                    chart.setOption({
+                        aria: {
+                            show: true
+                        },
+                        dataset: [{
+                            source: rawData
+                        }, {
+                            transform: {
+                                type: 'boxplot',
+                                config: { itemNameFormatter: 'expr {value}' }
+                            }
+                        }, {
+                            fromDatasetIndex: 1,
+                            fromTransformResult: 1
+                        }],
+                        title: [
+                            {
+                                text: 'Michelson-Morley Experiment',
+                                left: 'center'
+                            },
+                            {
+                                text: 'upper: Q3 + 1.5 * IRQ \nlower: Q1 - 1.5 * IRQ',
+                                borderColor: '#999',
+                                borderWidth: 1,
+                                textStyle: {
+                                    fontSize: 14
+                                },
+                                left: '10%',
+                                top: '90%'
+                            }
+                        ],
+                        legend: {
+                            left: 'right'
+                        },
+                        tooltip: {
+                            trigger: 'item',
+                            axisPointer: {
+                                type: 'shadow'
+                            }
+                        },
+                        grid: {
+                            left: '10%',
+                            right: '10%',
+                            bottom: '15%'
+                        },
+                        xAxis: layout === 'horizontal' ? categoryAxis : valueAxis,
+                        yAxis: layout === 'vertical' ? categoryAxis : valueAxis,
+                        series: [
+                            {
+                                name: 'boxplot',
+                                type: 'boxplot',
+                                datasetIndex: 1,
+
+                                markPoint: {
+                                    data: [
+                                        {
+                                            name: '某个坐标',
+                                            coord: [2, 300]
+                                        },
+                                        {
+                                            name: '某个屏幕坐标',
+                                            x: 100,
+                                            y: 200,
+                                            label: {
+                                                normal: {
+                                                    show: false,
+                                                    formatter: 'asdf'
+                                                },
+                                                emphasis: {
+                                                    show: true,
+                                                    position: 'top',
+                                                    formatter: 'zxcv'
+                                                }
+                                            }
+                                        },
+                                        {
+                                            name: 'max value (default)',
+                                            type: 'max'
+                                        },
+                                        {
+                                            name: 'min value (default)',
+                                            type: 'min'
+                                        },
+                                        {
+                                            name: 'max value (dim:Q1)',
+                                            type: 'max',
+                                            valueDim: 'Q1'
+                                        },
+                                        {
+                                            name: 'average value (dim:Q1)',
+                                            type: 'average',
+                                            valueDim: 'Q1'
+                                        }
+                                    ]
+                                },
+
+                                markLine: {
+                                    data: [
+                                        [
+                                            {name: '两个坐标之间的标线', coord: [1, 240]},
+                                            {coord: [2, 260]}
+                                        ],
+                                        [
+                                            {name: '两个屏幕坐标之间的标线', x: 50, y: 60},
+                                            {x: 70, y: 90}
+                                        ],
+                                        [
+                                            {name: 'max - min', type: 'max'},
+                                            {type: 'min'}
+                                        ],
+                                        {
+                                            name: 'min line',
+                                            type: 'min'
+                                        },
+                                        {
+                                            name: 'max line on dim:Q3',
+                                            type: 'max',
+                                            valueDim: 'Q3'
+                                        }
+                                    ]
+                                },
+                                label: {
+                                    show: true,
+                                    formatter: function (param) {
+                                        return param;
+                                    }
+                                }
+                            },
+                            {
+                                name: 'outlier',
+                                type: 'scatter',
+                                datasetIndex: 2
+                            }
+                        ]
+                    });
+                }
+
+                // function calculateMean(rawData) {
+                //     var sum = 0;
+                //     var count = 0;
+                //     for (var i = 0, len = rawData.length; i < len; i++) {
+                //         for (var j = 0, lenj = rawData[i].length; j < lenj; j++) {
+                //             var value = rawData[i][j];
+                //             count++;
+                //             if (!isNaN(value) && value != null && value !== '') {
+                //                 sum += value;
+                //             }
+                //         }
+                //     }
+                //     return sum / count;
+                // };
+
+
+                function initControlPanel(env) {
+                    if (!env.browser.ie || env.browser.ie.version > 8) {
+
+                        var scr = document.createElement('script');
+                        scr.src = 'lib/dat.gui.min.js';
+                        scr.onload = function () {
+                            var gui = new dat.GUI();
+                            var config = {
+                                layout: 'horizontal'
+                            };
+                            gui
+                                .add(config, 'layout', ['horizontal', 'vertical'])
+                                .onChange(update);
+                        };
+                        document.head.appendChild(scr);
+                    }
+                }
+            });
+        </script>
+    </body>
+</html>
+