DataLabels don't show correctly when chart height is set

[mbejda]

Explanation

• What is the behavior you expect?
  I expected the data labels to show
• What is happening instead?
  Data labels are not showing correctly

    plotOptions: {
      bar: {
        barHeight: '50%',
        dataLabels: {
          position: 'top', // top, center, bottom
        },
      }
    }

    dataLabels: {
      enabled: true,
      offsetY: -20,
      style: {
        padding: {
          top:30
        },
        fontSize: '15px',
        colors: ["#304758"]
      }
    }

  chart: {
      height: 200,
      toolbar: {
        show: false
      },
      type: 'bar'
    },

[junedchhipa]

For a temporary workaround, please add some padding to the grid by

grid: {
  padding: {
    top: 15
  }
}