Angular Trabalhando com Gráficos

    A funcionalidade WorksheetChart do Angular Excel Engine da Infragistics permite que você adicione representações gráficas visuais de tendências de dados em regiões de células em uma planilha. Por exemplo, se você quiser ver seus dados do Excel em uma região de células visualizados como uma coluna, linha ou mais de 70 outros tipos de gráfico, esse recurso pode ajudar você a conseguir isso.

    Angular Working with Charts Example

    Usage

    Para adicionar um gráfico a uma planilha, você deve usar o método AddChart da coleção de formas da planilha. Neste 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 você deseja que o gráfico ocupe.

    O método AddChart retorna o elemento do gráfico da planilha a ser adicionado à planilha. Depois de ter isso, você pode usar o método setSourceData no gráfico para definir um endereço de célula da região de células da planilha que você deseja usar como uma fonte de dados, bem como se você deseja ou não alternar o mapeamento de colunas e linhas para os eixos X e Y.

    Há mais de 70 tipos de gráficos suportados, incluindo Line, Area, IgxColumnComponent e Pie.

    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