Highcharts Backgroundimage條形圖

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並沒有出現在我的漸變背景。

我最後解決了這個問題，在我的JS中使用backgroundColor：null，並在ID上使用CSS3漸變並聲明瞭DIV的高度。這最有可能與背景圖片一起工作。