ハイチャートのウォーターマークイメージをローカルディレクトリからどのようにレンダリングできますか？

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 
    } 
}); 

は、ここでは例の作業：透かし画像が相対的であるJSFiddleのロゴであることをhttp://jsfiddle.net/tLpL98L2/1/

お知らせURL、絶対URLではありません。 renderer.image関数を使用する場合は、http://を指定する必要はありません。これにより、自分のサーバー上でイメージを使用できるようになります。