Angular Trabalhando com Gráficos

    A funcionalidade doWorksheetChart Infragistics Angular Excel Engine permite adicionar representações gráficos visuais, de tendências de dados entre regiões de células em uma planilha de exercícios. Por exemplo, se você quiser ver seus dados do Excel em uma região de células visualizadas como uma coluna, linha ou mais de 70 tipos de gráficos, esse recurso pode ajudar a conseguir isso.

    Angular 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,IgxColumnComponent, 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