Highchart与列栏中的缩放图像？

Question

如何将图像添加到可正确缩放到酒吧高度的酒吧列中。

看到下面的jsfiddle例子，即时尝试做一个图表，比较高度使用摩天大楼图像作为酒吧列的背景，但背景图像似乎随机循环/瓦片，我该如何解决这个问题。

感谢

 color: { 
      pattern: 'http://www.aperfectworld.org/clipart/buildings/buildings08g.gif', 
      width: '100%', 
      height: '100%' 
     } 

http://jsfiddle.net/2BqSY/4/

Answer 1

我认为它可能使用模式是不可能的，但可以使用渲染器添加一些图片： http://jsfiddle.net/YZkPX/

chart: { 
     renderTo: 'container', 
     type: 'column', 
     events: { 
      load: function() { 
       var chart = this, 
        d = chart.series[0].data; 

       for (var i = 0, len = d.length; i < len; i++) { 
        var p = d[i], 
         x = chart.plotLeft + p.plotX - p.pointWidth/2, 
         y = chart.plotTop + p.plotY, 
         w = p.pointWidth, 
         h = p.graphic.height; 
        chart.renderer.image('http://www.aperfectworld.org/clipart/buildings/buildings08g.gif', x, y, w, h).add(); 

       } 

      } 
     } 
    }, 

现在，您需要重新计算x/y/w/h系列重绘时（缩放/显示/隐藏等）