Highcharts Backgroundimage for bar graph

Question

Я хочу добавить фоновое изображение на гистограмму, используя Highcharts, и отобразить его в UIWebView.

До сих пор я использовал этот маленький плагин, который отлично работает в последнем Chrome. Однако, как только я загружу это в свой UIWebView, изображение не отображается. Я думаю, что это связано с тем, что iOS, возможно, не сможет проанализировать правильный путь для файла изображения?

Есть ли другой (более простой) способ просто добавить фоновое изображение на гистограмму?

В моей серии Highcharts данных

color: { 
    pattern: 'static/img/theimage.png', 
    width: 160, 
    height: 500 
} 

Плагин

/** 
* Highcharts pattern fill plugin 
*/ 
(function() { 
    var idCounter = 0, 
     base = Highcharts.Renderer.prototype.color; 

    Highcharts.Renderer.prototype.color = function(color, elem, prop) { 
     if (color && color.pattern && prop === 'fill') { 
      // SVG renderer 
      if (this.box.tagName == 'svg') { 
       var id = 'highcharts-pattern-'+ idCounter++; 
       var pattern = this.createElement('pattern') 
         .attr({ 
          id: id, 
          patternUnits: 'userSpaceOnUse', 
          width: color.width, 
          height: color.height 
         }) 
         .add(this.defs), 
        image = this.image(
         color.pattern, 0, 0, color.width, color.height 
        ) 
        .add(pattern); 
       return 'url(' + this.url + '#' + id + ')'; 

      // VML renderer 
      } else { 
       var markup = ['<', prop, ' type="tile" src="', color.pattern, '" />']; 
       elem.appendChild(
        document.createElement(this.prepVML(markup)) 
       );     
      } 

     } else { 
      return base.apply(this, arguments); 
     } 
    };  
})(); 

Answer 1

У меня была аналогичная проблема в том, что мой IPad не показывал мой градиент фона.

Я решил это в конце, поставив backgroundColor: null, в моем JS и используя градиент CSS3 на идентификаторе и объявив высоту DIV. Это, скорее всего, будет работать и с фоновым изображением.