하이 차트로 내보낼 때 이미지를 추가하는 방법은 무엇입니까?

Question

하이 차트에서 이미지를 내보내는 동안 이미지를 추가하는 방법을 알고 싶습니다. 나는 highchart 이미지 "의"이미지가되고 싶은 해달라고하지만 난이 다음과 같이 표시 할 ... 가능

<"IMAGE1"> 

<"CHART"> 

<"IMAGE2"> 

이며, 그 다음에 어떻게하면? 나는 진보에 ..이 높은 차트의 이미지 렌더러는하지만 내가 원하는 아니라고

renderer.image('http://highcharts.com/demo/gfx/sun.png', 100, 100, 30, 30) 
.add();​ 

감사를 이해합니다. :)

Answer 1

당신은 renderer.image 패드 상단과 하단을 사용할 수 있습니다 공간이있는 줄거리. 바이올린 here :

$(function() { 
    var chart = new Highcharts.Chart({ 

     chart: { 
      renderTo: 'container', 
      spacingTop: 90, 
      spacingBottom: 90 
     }, 

     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] 
     }] 

    }, function(chart) { // on complete 

     chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 0, 0, 100, 100) 
      .add(); 

     chart.renderer.image('http://highcharts.com/demo/gfx/sun.png', 0, 500, 100, 100) 
      .add();   

    }); 
});​ 

내가 볼