Bootstrap

Echarte柱状图文字位置

我们在绘制柱状图时,如果想要柱条上显示文字,可以设置如下属性:

在这里插入图片描述
文字在柱条上的位置是默认居中的,可以通过position属性来设置文字位置
在这里插入图片描述

echarts bar series下的label position的属性值:
  1. inside(自适应,柱状内部中央)
  2. top(柱状外的正上方)
  3. bottom(柱状外的正下方)
  4. left(柱状外的左边)
  5. right(柱状外的右边)
  6. insideTop(柱状内部靠顶部)
  7. insideBottom(柱状内部靠下方)
  8. insideRight(柱状内部靠右边)
  9. insideLeft(柱状内部靠左边)
  10. 坐标[x,y] (以柱状的顶部为原点)
;