餅圖：圖像導出切斷標籤

我使用Highcharts 3餅圖，當我導出爲圖像時，生成的圖表正在丟失一些數據標籤。我該如何解決（解決方法）？餅圖：圖像導出切斷標籤

PS：使用highcharts服務器：export.hightcarts.com

問候

[更新]

小值上產生的圖像png文件切斷。但在打印預覽中可以。

new Highcharts.Chart({ 
    chart: { 
     renderTo: 'chart', 
     type: 'pie' 
    }, 
    title: { 
     text: 'My Chart title' 
    }, 
    plotOptions: { 
     pie: { 
      showInLegend: true, 
      dataLabels: { 
       enabled: true, 
       formatter: function() { 
        return '<b>' + this.point.name + '</b>: ' + Math.round(this.point.total * this.point.percentage/100); 
       } 
      } 
     } 
    }, 
    series: [{ 
     type: 'pie', 
     name: 'Series name', 
     data: [ 
      ["Lorem", 88], 
      ["Lorem ipsum", 4], 
      ["Praesent nibh nulla", 12], 
      ["Lorem ipsum dolor sit amet", 66], 
      ["Praesent fringilla suscipit molestie", 30], 
      ["Donec at lectus at nulla viverra lobortis", 11], 
      ["Class aptent taciti sociosqu ad litora", 87], 
      ["Mauris vulputate sem id arcu volutpat fermentum", 149], 
      ["Vestibulum faucibus lectus", 113], 
      ["Pellentesque habitant morbi tristique", 7], 
      ["Etiam lacinia mi suscipit", 92], 
      ["Proin semper risus in lacus semper", 9], 
      ["Fusce id faucibus massa", 99], 
      ["Suspendisse", 4], 
      ["Quisque quis lectus et turpis laoreet", 101] 
     ] 
    }], 
    exporting: { 
     enabled: true 
    } 
});

的jsfiddle：http://jsfiddle.net/6afyH/1/

來源

2013-07-08 rogeriolino

重現問題上的jsfiddle，請。 –

http://jsfiddle.net/6afyH/1/ – rogeriolino

這是因爲Highcharts沒有檢測到容器的width。

您可以修復，通過在exporting選項添加選項sourceWidth：

exporting: { 
    enabled: true, 
    sourceWidth: 900 
}

似乎sourceWidth採取初步width所以如果圖表是在頁面加載截斷一點點，這將是除非您在選項中指定它，否則在導出時也是如此。

我更新的jsfiddle給你這個工作的一個例子：http://jsfiddle.net/6afyH/2/

來源

2013-07-08 20:43:53

餅圖：圖像導出切斷標籤

回答

相關問題