Excel script to export chart in sharepoint

[daves1]

hello to all.
I am trying to create a script that extracts chart elements (in jpg) from excel to sharepoint.
I'm currently using this script but without results:

function main(workbook: ExcelScript.Workbook): ReportImages {

  workbook.getApplication().calculate(ExcelScript.CalculationType.full);

  let sheet1 = workbook.getWorksheet("Sheet1");


  const table = workbook.getWorksheet('InvoiceAmounts').getTables()[0];


  const rows = table.getRange().getTexts();

  const selectColumns = rows.map((row) => {


    return [row[2], row[5]];


  });


  table.setShowTotals(true);


  selectColumns.splice(selectColumns.length-1, 1);


  console.log(selectColumns);


  workbook.getWorksheet('ChartSheet')?.delete();


  const chartSheet = workbook.addWorksheet('ChartSheet');


  const targetRange = updateRange(chartSheet, selectColumns);


  // Insert chart on sheet 'Sheet1'


  let chart_2 = chartSheet.addChart(ExcelScript.ChartType.columnClustered, targetRange);


  chart_2.setPosition('D1');


  const chartImage = chart_2.getImage();


  const tableImage = table.getRange().getImage();


  return {


    chartImage,


    tableImage


  }


}


function updateRange(sheet: ExcelScript.Worksheet, data: string[][]): ExcelScript.Range {


  const targetRange = sheet.getRange('A1').getResizedRange(data.length-1, data[0].length-1);


  targetRange.setValues(data);

  return targetRange;

}

interface ReportImages {

  chartImage: string
  tableImage: string
}

 

[yutao]

Can you share a bit more about how you're planning to use the extracted image? Do you plan to manually save those extracted image first then upload to SharePoint? Or do you plan to build a Power Automate flow to integrate your script with some SharePoint action to automatically upload the extracted image to SharePoint?

Range.getImage or Chart.getImage returns base64-encoded PNG image data. If you want to see that picture, you can prefix "data:image/png;base64," to the result returned from the getImage API to build a "data URL". You can then paste this data URL into the web browser address bar and hit enter to show the image. You can further save that image to you local disk and upload to SharePoint - if manual process is what you needed.

Here is one sample script that can extract the image of a chart into a data URL:

function main(workbook: ExcelScript.Workbook)
{
  const chart = workbook.getWorksheet("Sheet1").getChart("Chart 1");
  const chartImage = chart.getImage(512);
  const result = `data:image/png;base64,${chartImage}`;
  console.log(result);
}

Run this script, copy the data URL from the output window and paste into web browser address bar.

The Power Automate approach is a bit more complicated. If you're interested, you can take a look at these articles:

• Run Office Scripts with Power Automate
• Call scripts from a manual Power Automate flow
• Pass data to scripts in an automatically-run Power Automate flow

Hope this helps!

- Yutao