echarts柱状图显示数值

在柱状图顶部显示数值:

label:{ 
  normal:{ 
  show: true, 
  position: ‘top’

   }
}

 

官方文档:地址:http://echarts.baidu.com/option.html#series-bar.label.normal

 

解释:

       series[i]-bar.label.normal.position string, Array
       [ default: 'inside' ]

       标签的位置。

       可选:

  • [x, y]

    通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。 示例:

      // 绝对的像素值
      position: [10, 10],
      // 相对的百分比
      position: ['50%', '50%']
  • 'inside'

    鼠标所在图形的内部中心位置,只在 trigger 为'item'的时候有效。

  • 'top'

    鼠标所在图形上侧,只在 trigger 为'item'的时候有效。

  • 'left'

    鼠标所在图形左侧,只在 trigger 为'item'的时候有效。

  • 'right'

    鼠标所在图形右侧,只在 trigger 为'item'的时候有效。

  • 'bottom'

    鼠标所在图形底侧,只在 trigger 为'item'的时候有效。

posted @ 2017-08-02 21:33  脑袋空空空想家  阅读(5259)  评论(0编辑  收藏  举报