I am using fusion charts in my Angular application. For some reason, when the columns’ roof come very near to the canvas top margin, the data label is shown inside the bar chart.

Below is the code that I am trying.

  var revenueChart = new FusionCharts({
    type: 'column2d',
    renderAt: 'chart-container',
    width: '700',
    height: '500',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Monthly revenue for last year",
        "subCaption": "Harry's SuperMart",
        "xAxisName": "Month",
        "yAxisName": "Revenues (In USD)",
        "numberPrefix": "",
        "theme": "fusion",
        "showValues": "1",
        "placeValueInside": "0",
        "valuePosition": "ABOVE"

      },
      "data": [{
          "label": "Jan",
          "value": "480"
        },
        {
          "label": "Feb",
          "value": "320"
        },
        {
          "label": "Mar",
          "value": "431"
        },
        {
          "label": "Apr",
          "value": "344"
        },
      ]
    }
  }).render();
});