2013-07-08 5 views
1

Highcharts 3 원형 차트를 사용하고 있습니다. 이미지로 내보낼 때 생성 된 차트에서 일부 데이터 레이블이 손실됩니다. 이 문제를 어떻게 해결할 수 있습니까?원형 차트 : 레이블 잘라 내기 이미지 내보내기

PS : 사용 highcharts 서버 : export.hightcarts.com

안부

[업데이트]

작은 값 PNG로 생성 된 이미지 파일을 차단한다. 그러나 인쇄 미리보기에서 확인됩니다. jsFiddle

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

는 : Highcharts 컨테이너의 width을 감지하지 못하기 때문에 http://jsfiddle.net/6afyH/1/

+0

재현의 문제하십시오

나는 당신에게이 작업의 예를 제공하기 위해 jsFiddle 업데이트되었습니다. –

+0

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

답변

6

때문이다.

당신은 exporting 옵션의 옵션 sourceWidth을 추가하여이 문제를 해결할 수 :

exporting: { 
    enabled: true, 
    sourceWidth: 900 
} 

sourceWidth이 걸릴 것으로 보인다 초기 width 그래서 차트는 페이지 로딩에서 잘립니다 조금, 그것은 것입니다 경우 옵션에서 지정한 경우가 아니라면 내보내기에서 동일합니다. , jsFiddle에 http://jsfiddle.net/6afyH/2/

관련 문제