如何修复 highcharts 中隐藏的 dataLabel？

Question

请看JSFIDDLE。此处，绿色条不显示任何值。我知道添加 overflow:"none", crop:false 会显示该值。但是它超出了绘图区域，有时对于较大的数字它会与标题重叠。我想在条内（仅）获得绿色条值而不是隐藏值。

Answer 1

对于要在其中的特定列（即绿色列）标签值，您可以在数据中添加属性 inside: true。请参阅 dataLabels.inside 了解更多信息

 series: [{
    color: colors[0],
    showInLegend: false,
     data: [{
     ....//first value
     , {
      y: 3500,
      name: 'Second',
      color: colors[1],
      dataLabels: {
        inside: true //labels  will be inside column
      }
    },... // third and remaining
   });

Fiddle 演示

如何修复 highcharts 中隐藏的 dataLabel？

How to fix hidden dataLabel in highcharts?

highcharts

highcharts-ng