如何给highcharts柱状图上方加上数据标识符

Question

如何给highcharts柱状图上方加上数据标识符

Answer 1

针对这类问题，其实在highcharts的相应API内有一个属性dataLabels可以加以控制的。代码如下所示：

view sourceprint?

1.plotOptions:{

2. column:{

3. dataLabels:{

4. enabled:true
//是否显示数据标签

5. }

6. }

7.},

Answer 2

代码：

plotOptions:{

    column:{        

        shadow: false,            //不显示阴影

        dataLabels:{                //柱状图数据标签

             enabled:true,              //是否显示数据标签

             color:'#e3e3e3',        //数据标签字体颜色

             formatter: function() {        //格式化输出显示

                  return "¥" + (this.y);

              },

    }

}

找到合适的位置修改就可以了。我的图标示例图：