2016-11-25 71 views
1

我试图通过使用HighchartsHighchart:如何使用“总图”

创建我的任务的图,我认为我可以把一些图像,通过使用<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); 

但它不起作用,我怎么能在一般写作中使用图像?

我想使下面的东西。

enter image description here

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

回答

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() 

hereofficial docs和更新的小提琴:http://jsfiddle.net/rttav/11/