fusioncharts에서 dpf 형식 파일을 내보내는 방법
Fusioncharts 차트 구성 요소에서 이미지 및 PDF 파일을 내보내는 자세한 단계는 다음과 같습니다.
1. 관련 파일을 다운로드합니다.
이미지를 내보내려면 다음을 수행해야 합니다. fusionCharts 다운로드 크랙 버전 3.1 이상의 경우 필요한 swf 파일(FCExporter.swf 포함) 외에도 두 개의 js 파일도 필요합니다.
다음의 사용에 대해 매우 명확해야 한다고 생각합니다. FCExporter.swf와 이 두 js는 더 이상 설명하지 않겠습니다. 두 개의 js를 jsp 페이지로 가져옵니다.
2. 보고서 생성
보고서를 구현하는 것은 매우 간단합니다. 코드 몇 줄만 있으면 됩니다.
view sourceprint? 1.columnChart = new FusionCharts("FCF_Column3D.swf","Report", "400", "300", "0", "1");//다른 매개변수는 설명되지 않으며 마지막 매개변수는 1로 설정되어 디버그 모드에서 보고서를 표시하지 않음을 나타냅니다.
2.columnChart.setDataXML(data);//data는 데이터 소스에 대한 데이터를 로드합니다.
3. columnChart.render("ReportDiv");//표시해야 할 div는 무엇입니까? div의 id 속성을 바인딩하세요.
자 여러분, 이쯤 되면 한 점을 삽입하고 싶습니다. fusionCharts에서 데이터를 로드하는 세 가지 방법은 Xml 파일 형식 로딩, Javascript json 형식 로딩, 문자열 패치워크 로딩입니다.
가장 중요한 것은 차트 속성에 다음 세 가지 속성이 포함되어야 한다는 것입니다.
3. 내보내기하려면 마우스 오른쪽 버튼을 클릭하세요.
슈퍼가 보일 때 보고서는 놀랍습니다. fusionCharts 버전 3.1 이상인지 확인하세요. 이때 보고서를 마우스 오른쪽 버튼으로 클릭하면 내보내기 메뉴가 확실히 표시됩니다.
하하, 이 시점에서는 조언합니다. 너무 기뻐하지 마세요! 지금은 jpg, png, pdf를 내보내는 것은 쓸모가 없지만 전혀 내보내지지 않습니다. 걱정하지 마세요. 원래 데이터 소스 코드로 돌아가서 사진을 내보내려면 다음 매개변수를 추가해야 합니다.
view sourceprint?1.exportEnabled='1' (내보내기 켜기) 모드)
2.exportAtClient='1'(클라이언트 내보내기 확인)
3.exportHandler='fcExporter1'(프런트엔드 내보내기 핸들러의 ID에 해당, 네트워크 jsp, asp 또는 php 경로를 작성하라는 메시지가 표시됩니다. 즉, 서버 측 내보내기이며 여기서는 사용되지 않습니다.)
4.exportDialogMessage='생성 중입니다. 잠시 기다려 주세요...'(내보낼 때 메시지 표시)
5.exportFormats ='JPG=JPG 이미지 생성|PDF=PDF 파일 생성'(오른쪽 클릭 메뉴 형식을 중국어로)
아직 사진을 내보낼 수는 없지만 거의 마지막에 효과가 중국어로 변경된 것을 확인할 수 있습니다.
4. 프론트 데스크에서 내보내기 스크립트 작성
앞서 언급한 내보내기Handler='fcExporter1'을 기억하시나요? 속성 값은 바인딩된 전경 내보내기 핸들러의 식별자입니다. 이제 이 핸들러를 작성해 보겠습니다.
보고서 생성 코드 뒤에 다음 코드를 추가합니다.
view sourceprint?01.var myExportComponent = new FusionChartsExportObject("fcExporter1","FCExporter.swf") //매개변수 1: 핸들러 식별자입니다. 두 번째 매개변수는 위에서 언급한 내보내기에 필요한 swf 파일입니다.
02.myExportComponent.comComponentAttributes.btnColor = 'EAF4FD';
03.myExportComponent.comComponentAttributes.btnBorderColor = '0372AB' ;
04.myExportComponent.comComponentAttributes.btnFontFace = '베르다나';
05.myExportComponent.comComponentAttributes.btnFontColor = '0372AB';
06.myExportComponent. componentAttributes.btnFontSize = '12';
07.//버튼 제목
08.myExportComponent.comComponentAttributes.btnsavetitle = '다른 이름으로 저장'
09. myExportComponent.comComponentAttributes.btndisabledtitle = '그림을 생성하려면 마우스 오른쪽 버튼을 클릭하세요';
위는 설명 없이 내보내기 버튼의 스타일 설정입니다
가장 중요한 것은 다음 줄입니다 코드: exproterDiv 매개변수는 내보내기 버튼이 표시될 div를 나타냅니다. 즉, id=exproterDiv를 사용하여 페이지에 div를 추가해야 합니다.
view sourceprint?1.myExportComponent.Render("exproterDiv ");
모든 것이 성공적으로 설정되면 마우스 오른쪽 버튼을 클릭하여 jpg 이미지를 생성할 수 있으며 ID가 있는 exproterDiv에서 볼 수 있습니다.
' 다른 이름으로 저장'을 선택하면 저장 상자가 나타납니다.