2013-08-20 21 views
1

我想使用canvg在畫布內繪製高圖。canvg和highcharts如何包含圖表圖例並保持圖表大小?

我遇到的問題是圖表傳說不會出現在畫布中,而且尺寸和質量也會降低。 enter image description here

$('#container').highcharts({ 

      credits: { 
       enabled: false 
      }, 

      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 exportChart() { 
     var svg = canvg(document.getElementById('canvas'), getSVG(), { ignoreDimensions: true }); 
    } 

    function getSVG() { 
     debugger 
     var chart = $('#container').highcharts(); 
     var svg = chart.getSVG(); 
     return svg; 
    } 

回答

1

當您刪除選項ignoreDimensions: true它的作品很好,我想:http://jsfiddle.net/Fusher/qDmhV/148/

如果你想爲圖表的大小相同 - 你需要有帆布容器相同的寬度和高度爲圖表。

編輯:

  • 殘疾ignoreDimensions: with disabled ignoreDimensions

  • 無殘疾ignoreDimensions: without disabled ignoreDimensions

+0

它的工作原理,如果你沒有在撥弄刪除相同。 – Xerxes

+0

啓用/禁用ignoreDimensions時上傳的圖像具有不同的結果。 –

相關問題