Shadow in Highcharts гистограмма

Question

Я хочу дать 5 px тень в правой части бара. Является ли это возможным?

Answer 1

Вы должны использовать рендерер, который позволяет добавлять пользовательские пути в графике. Зная это, поймайте событие загрузки и выполните итерацию в каждой точке серии, добавив строку справа.

chart: { 
    type: 'column', 
    events: { 
    load: function() { 
     var chart = this, 
     series = chart.series, 
     each = Highcharts.each, 
     r = chart.renderer, 
     borderWidth = 2, 
     x,y; 

     each(series, function(s, i) { 
     each(s.data, function(p, j) { 
         x = p.plotX + chart.plotLeft + (p.pointWidth/2); 
         y = p.plotY + chart.plotTop + borderWidth; 

      r.path(['M', x, y, 'L', x, y + p.shapeArgs.height]) 
      .attr({ 
      zIndex: 10, 
      'stroke-width': borderWidth, 
      'stroke': 'gray' 
      }) 
      .add() 
     }); 
     }); 
    } 
    } 
}, 

Пример: - http://jsfiddle.net/2reombm7/