Highchart：如何使用「總圖」

Question

我試圖通過使用Highcharts

創建我的任務的圖，我認爲我可以把一些圖像，通過使用<img>標籤

時使用的圖片

ren.label('<img src="/images/test.jepg', 10, 82) 
         .attr({ 
          fill: colors[0], 
          stroke: 'white', 
          'stroke-width': 2, 
          padding: 5, 
          r: 5 
         }) 
         .css({ 
          color: 'white' 
         }) 
         .add() 
         .shadow(true); 

但它不起作用，我怎麼能在一般寫作中使用圖像？

我想使下面的東西。

的jsfiddle演示：http://jsfiddle.net/rttav/10/

Answer 1

你可以添加圖片是這樣的：

 // SaaS client label 
     ren.image('http://lorempizza.com/80/60', 10, 82, 80, 60).add(); 
     ren.label('SaaS client<br/>(browser or<br/>script)', 10, 82) 
     .attr({ 
      stroke: 'white', 
      'stroke-width': 2, 
      padding: 5, 
      r: 5 
     }) 
     .css({ 
      color: 'white' 
     }) 
     .add() 

例here從official docs和更新的小提琴：http://jsfiddle.net/rttav/11/