Search the Community

I have noticed that the export functionality only exports what is visible on the screen (screen shot) as opposed to the entire chart. I first want to ask if there is an update to topics related to this that I have stumbled upon from many years prior - is there a method to allow you to export all data instead of what is visible within the predefined height and width? If not, I am attempting to bypass this by changing the width and height programmatically before and after the export. The problem I'm running into is that it resizes, but does not export the resized chart. It exports the chart as it was initially. My code is below. Any helps is appreciated. <button id="export_chart" class="form_btn" title="Click to export the chart to PDF">Export to PDF </button> <div id="chart-container">FusionCharts will render here</div> FusionCharts.ready(function () { var smoPlan = new FusionCharts({ type: 'gantt', renderAt: 'chart-container', width: '1500', height: '850', //'850' dataFormat: 'json', dataSource: { // Chart Configuration "chart": { "dateformat": "mm/dd/yyyy", "caption": "IMT Major Projects", "subcaption": title_subcaption, //"showTaskStartDate": 1, "legendCaption": "Project Status", "legendCaptionFontSize": "14", "legendCaptionBold": "1", "legendItemFontSize": "12", "legendIconScale": "1.5", "legendAllowDrag": "1", "legendBgColor": "#CCCCCC", "legendBgAlpha": "20", "legendBorderColor": "#666666", "legendBorderThickness": "1", "legendBorderAlpha": "40", "legendShadow": "1", "theme": "ocean", "canvasBorderAlpha": "40", "showBorder": "1", "gridbordercolor": "#666666", "gridborderalpha": "20", "exportEnabled": "1", "exportMode": "auto", "exportFileName": "TestExport" } }).render(); function export_chart() { smoPlan.resizeTo('1500', '2000'); smoPlan.exportChart({"exportFormat": "pdf"}); smoPlan.resizeTo('1500', '850'); } $("#export_chart").on('click', function () { export_chart(); }); });