Highcharts official support forum

Posted: **Thu May 11, 2017 1:41 pm**

Hello,
I am looking to be able to modify the left padding?
But it does not work in style.
I am looking to do:

And here I am:

Here is the code:

    plotOptions: {
      column: {
        pointPadding: -0.2,
        borderWidth: 0,
        stacking: 'normal',
        dataLabels: {
          enabled: true,
          color: 'white',
          verticalAlign: 'bottom',
          backgroundColor: 'rgba(0,0,0,0.3)',
          format: '{y} %',
          padding: 5,
          shadow: false,
          useHTML: true,

          style: {
            fontSize: '14px',
            fontFamily: 'proxima-nova,helvetica,arial,sans-seri',
            fontWeight: 'bold',
            paddingLeft: '100px',
            paddingRight: '100px',
            paddingTop: '100px',
            paddingBottom: '100px',
            textOverflow: 'none',
            whiteSpace: 'nowrap'

          },
          y: 5
        }
    },

Posted: **Mon May 15, 2017 9:30 am**

Hi nlefebvre,

What exactly do you want to do? Change padding of column or padding of data labels? If you want to get rid of the left column padding you need to change minPadding and maxPadding. In case you want to set a new padding for data labels, place it directly in series.dataLabels options object:

Code: Select all

dataLabels: {
    padding: 25
}

API Reference:
http://api.highcharts.com/highcharts/xAxis.minPadding
http://api.highcharts.com/highcharts/xAxis.maxPadding
http://api.highcharts.com/highcharts/pl ... ls.padding

Example:
http://jsfiddle.net/kmngnfgn/

Regards.

Highcharts official support forum

plotOptions columm paddingLeft ?

plotOptions columm paddingLeft ?

Re: plotOptions columm paddingLeft ?