dataLabel不会显示在HighChart中的每个列上

时间:2017-11-06 09:21:39

标签: javascript jquery highcharts

请考虑这个小提琴:

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

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

enter image description here

这是dataLabel的代码:

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

问题出在哪里?

由于

1 个答案:

答案 0 :(得分: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