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

plotOptions columm paddingLeft ?

Thu May 11, 2017 1:41 pm

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:

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

Posts: 1910
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: ... ls.padding


Paweł Dalek
Highcharts Developer

Return to “Highcharts Usage”