React Trabalhando com Gráficos

    The Infragistics React Excel Engine's WorksheetChart functionality allows you to add visual charting representations of data trends across regions of cells in a worksheet. For example, if you want to see your Excel data in a region of cells visualized as a column, line, or over 70 other chart types, this feature can help you to achieve that.

    React Working with Charts Example

    [!Note] The XLSX format is required. Other formats are not supported at this time.

    Usage

    Para adicionar um gráfico a uma planilha, você deve usar oAddChart método da coleção de formas da planilha. Nesse método, você pode especificar o tipo de gráfico que deseja usar, a célula superior esquerda, a célula inferior direita e as porcentagens dessas células que deseja que o gráfico ocupe.

    OAddChart método retorna o elemento do gráfico da planilha para ser adicionado à planilha. Depois disso, você pode usar osetSourceData método no gráfico para definir o endereço de uma célula da região das células da folha de cálculo que deseja usar como fonte de dados, assim como se deseja ou não alterar o mapeamento de colunas e linhas para os eixos X e Y.

    Existem mais de 70 tipos de gráficos suportados, incluindoLine,Area,IgrColumn, ePie.

    O código a seguir demonstra como usar o recurso de gráficos do Excel. O snippet abaixo adicionará um gráfico de colunas entre a primeira célula e a 13ª célula na primeira linha da planilha. Os dados de origem são então definidos para os dados na região de A2:M6, alternando o mapeamento de colunas e linhas para os eixos X e Y do gráfico de colunas:

    var chart = ws.shapes().addChart(ChartType.ColumnClustered,
      ws.rows(0).cells(0), { x: 0, y: 0 },
      ws.rows(0).cells(12), { x: 100, y: 100 });

chart.setSourceData("A2:M6", true);

    API References