Angular Trabajar con gráficos

    La funcionalidad delWorksheetChart Infragistics Angular Excel Engine te permite añadir representaciones visuales de tendencias de datos a través de regiones de celdas en una hoja de cálculo. Por ejemplo, si quieres ver tus datos de Excel en una región de celdas visualizadas como columna, línea o más de 70 tipos de gráficos, esta función puede ayudarte a conseguirlo.

    Angular Working with Charts Example

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

    Usage

    Para añadir un cuadro a una hoja de trabajo, debes usar elAddChart método de la colección de formas de la hoja de trabajo. En este método, puedes especificar el tipo de carta que deseas usar, la celda superior izquierda, la celda inferior derecha y los porcentajes de esas celdas que deseas que ocupe la carta.

    ElAddChart método devuelve el elemento de la hoja de cálculo que se va a añadir a la hoja de cálculo. Una vez que tengas esto, puedes usar elsetSourceData método del gráfico para establecer una dirección de celda de la región de las celdas de la hoja de cálculo que quieres usar como fuente de datos, así como si quieres cambiar el mapeo de columnas y filas a los ejes X e Y.

    Hay más de 70 tipos de gráficos soportados, incluyendoLine,Area,IgxColumnComponent, yPie.

    El siguiente código demuestra cómo utilizar la función de gráficos de Excel. El siguiente fragmento agregará un gráfico de columnas entre la primera celda y la celda 13 en la primera fila de la hoja de trabajo. Luego, los datos de origen se configuran para los datos en la región de A2:M6, cambiando la asignación de columnas y filas para los ejes X e Y del gráfico de columnas:

    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