javascript - dataLabel 未显示在 HighChart 中的每一列上

Question

请考虑这个 fiddle :

http://jsfiddle.net/2ween0jt/1//

我想知道为什么 dataLabel 没有在每一列上显示:

这是dataLabel的代码:

plotOptions: {
  column: {
    dataLabels: {
      enabled: true,
      crop: false,
      overflow: 'none',
      style: {
        fontSize: '10px'
      }
    }
  } 
},

问题出在哪里？

谢谢

Answer 1

问题是标签重叠。您要么需要添加一些填充/更改样式，要么让 Highcharts 具有重叠标签。

plotOptions: {
  column: {
    dataLabels: {
      enabled: true,
      crop: false,
      overflow: 'none',
      allowOverlap: true, //add this to show the labels
      style: {
      fontSize: '10px',
      }
    }
  } 
},

工作示例: http://jsfiddle.net/ewolden/2ween0jt/2/

数据标签上的 API: https://api.highcharts.com/highcharts/plotOptions.column.dataLabels