Сохранение высоких диаграмм уложенных столбцов borderWdith, но удаление запирающего зазора

Question

Как сохранить столбцы highcharts borderWidth как 1px, но удалить ширину уложенной границы?

plotOptions: { 

     series: { 
      pointPadding: 0, 
      groupPadding: 0, 
      borderWidth: 1 
     }, 
     column: { 
      stacking: 'normal', 
      borderWidth: 0 // this will not work 
     } 
    }, 

Answer 1

Вы можете оставить BorderWidth равно 0 и добавить белые сюжетные линии, которые отделяют колонны.

xAxis: { 
     categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'], 
     plotLines: [{ 
      value: 0.5, 
      width: 1, 
      color: 'white', 
      zIndex: 5 
     }, 

пример: http://jsfiddle.net/v6fwwLkq/

Недостатком решения является то, что она охватывает горизонтальные линии сетки (1 создает пространство пикселей). Если это касается вас, тогда можно изменить размер строчки, который может быть изменен (необходимо обернуть код Highcharts) или вместо него добавить пользовательские вертикальные линии с соответствующей высотой.