echarts bar series下的label position位置实现问题

Question

如图，项目中要实现这种情况，通过echarts中的label position，也做不到固定位置，求解

或者，至少能把label的位置给固定了

Answer 1

用flex方式布局实现，将销量和数量数值单独显示到一个模块，设置echarts的bar固定宽度和样式，在需要显示数据的模块控制好数据对齐即可。
例如：

<div class="row">
                    <div class="col-xs-5 col-sm-5" id="product1">这里实现echarts柱状图</div>
                    <div class="col-xs-3 col-sm-3 text-center">
                        <p class="saleratetop">52.2%</p><!-- 这里的class用来控制数据的样式-->
                        <p class="saleratebottom">52.23%</p><!-- 这里的class用来控制数据的样式-->
                    </div>
                    <div class="col-xs-4 col-sm-4 text-center">
                        <p class="saleratetop">1,104</p><!-- 这里的class用来控制数据的样式-->
                        <p class="saleratebottom">955</p><!-- 这里的class用来控制数据的样式-->
                        <i class="icon  icon-right"></i><!-- icon -->
                    </div>
                </div>