如何从本地目录渲染我的高分辨率图像中的水印图像？

Question

我有一张图像想要在我的图表上呈现为水印。我看到官方高层网站关于Renderer.image方法的文档，但只涉及外部资源。无论如何，我可以从我的app/assets/images目录中获取图像吗？

Answer 1

可以作为添加水印的图像使用Renderer.image这样的图表：

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     events: { 
      load: function() { 
       this.renderer.image('../img/logo.png', 6, 6, 45, 32) 
        .add(); 
      } 
     } 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }], 

    exporting: { 
     enableImages: true 
    } 
}); 

工作示例这里：http://jsfiddle.net/tLpL98L2/1/

注意，水印图像的jsfiddle的标志是一个相对网址，而不是绝对网址。当使用renderer.image函数时，您不需要指定http://，因此这应该允许您在自己的服务器上使用图像。