nlefebvre
Posts: 1
Joined: Thu May 11, 2017 1:26 pm

plotOptions columm paddingLeft ?

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:
Image
And here I am:
Image
Here is the code:

Code: Select all

    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
        }
    },

pawel_d
Posts: 1884
Joined: Thu Jun 02, 2016 10:28 am

Re: plotOptions columm paddingLeft ?

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.
Paweł Dalek
Highcharts Developer

Return to “Highcharts Usage”