Highcharts中的阴影条形图

Question

我想在酒吧的右侧给出5px的影子。可能吗？

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/