在highcharts中显示每个条形的标签

时间:2017-07-31 01:48:42

标签: highcharts

如何在Highcharts中显示每个条形的标签,如下图所示?

enter image description here

2 个答案:

答案 0 :(得分:1)

我认为您正在寻找的解决方案有点像this

这可以使用数据标签并将它们正确放置在您想要的位置来实现。

plotOptions: {
        column: {
        dataLabels: {
            enabled: true,
          y: 0,
          verticalAlign: 'bottom',
          inside: true,
          color: 'white',
          formatter: function(e) {
            return this.series.name
          }
        }
      }
    },

答案 1 :(得分:1)

您可以将PROFILE Balteni_SV_ed2_M TYPE 3 unspecified m m 363923.46104 372500.00000 0 4040.000 Balteni_SV_ed2_MT_2016_D_P10_G+C_-4040m unspecified 363780.87963 372530.87963 0 4040.000 Balteni_SV_ed2_MT_2016_D_P10_G+C_-4040m unspecified 363750.00000 372535.75894 0 4040.000 Balteni_SV_ed2_MT_2016_D_P10_G+C_-4040m unspecified EOD 设置为“无”,将overflow设置为false,以便能够在区域图中显示数据标签。

API参考:
http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.crop http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.overflow

例:
http://jsfiddle.net/5m0kkbhf/