帶條紋列的HighCharts列

Question

我正在使用highcharts渲染一些數據。我想要一個列圖表，其中的列是條紋或條紋。請有人可以幫助我如何實現這一目標。

謝謝。

Answer 1

可以使用的模式：

圖片：http://jsfiddle.net/VmxPQ/

var r = chart.renderer, 
     pattern = r.createElement('pattern') 
      .attr({ 
       id: 'pattern', 
       patternUnits: 'userSpaceOnUse', 
       x: 0, 
       y: 0, 
       width: 15, 
       height: 15, 
       viewBox: '0 0 10 10', 
      }) 
      .add(r.defs); 

    r.rect(0, 0, 10, 10, 0) 
     .attr('fill', '#ddd') 
     .add(pattern); 

    r.image('http://highcharts.com/demo/gfx/sun.png',0,0,30,30) 

     .attr({ 
      stroke: '#333' 
     }) 
     .add(pattern); 



    pattern = r.createElement('pattern') 
     .attr({ 
      id: 'pattern2', 
      patternUnits: 'userSpaceOnUse', 
      x: 0, 
      y: 0, 
      width: 15, 
      height: 15, 
      viewBox: '0 0 10 10', 
     }) 
     .add(r.defs); 

    r.rect(0, 0, 10, 10, 0) 
     .attr('fill', '#eee') 
     .add(pattern); 

    //hover status 
    r.image('http://highcharts.com/demo/gfx/sun.png',0,0,30,30) 

     .attr({ 
      stroke: '#666' 
     }) 
     .add(pattern);