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/