2012-03-19 4 views
1

ハイチャートからイメージをエクスポートしている間にイメージを追加する方法を知りたい。ハイチャートでエクスポートするときにイメージを追加する方法は?

<"IMAGE1"> 

<"CHART"> 

<"IMAGE2"> 

はそれが可能であり、それは、その後どのようであれば...私はイメージがhighchart画像「に」なりたいいけないが、私はそれがこのように表示したいですか?私は、高度で

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

おかげで...そこに画像レンダラーが高いチャートであるが、それは私が望むものではないことを理解しています。:)

答えて

2

あなたがrenderer.imageとパッド上部と下部を使用することができます空間のプロットのフィドルhere:私は見

enter image description 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();   

    }); 
});​ 
+0

、だから今は、画像レンダラーがhighchartが、パディングが重複しない画像を使用することができます「内の」画像を配置するだけでなく、使用することができることを知っています!ありがとう! – prukuhkoo

関連する問題