<!DOCTYPE html><html><head><title>SpreadsheetAdapter</title><metacharset="UTF-8" /><linkrel="shortcut icon"href="https://static.infragistics.com/xplatform/images/browsers/wc.png" ><linkrel="stylesheet"href="https://fonts.googleapis.com/icon?family=Material+Icons" /><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Kanit&display=swap" /><linkrel="stylesheet"href="https://fonts.googleapis.com/css?family=Titillium Web" /><linkrel="stylesheet"href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css"type="text/css" /></head><body><divid="root"><divclass="container sample"><igc-spreadsheetid="spreadsheet"width="100%"height="100%"></igc-spreadsheet></div></div><!-- This script is needed only for parcel and it will be excluded for webpack -->
<% if (false) { %><scriptsrc="src/index.ts"></script><% } %>
</body></html>html
/* shared styles are loaded from: *//* https://static.infragistics.com/xplatform/css/samples */css
¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Web Components completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.
Descripción general del adaptador de gráficos
Con chartAdapter puede mostrar los gráficos en la hoja de cálculo. Los adaptadores de gráficos de hoja de cálculo crean e inicializan elementos de gráfico para la hoja de cálculo basándose en una instancia de Infragistics.Documents.Excel.WorksheetChart.
Para agregar un WorksheetChart a una hoja de trabajo, debe usar el método addChart de la colección Shapes de la hoja de trabajo. Puede encontrar más detalles sobre cómo agregar gráficos en Excel a continuación.
Aquí está la descripción paso a paso:
Agregue la referencia SpreadsheetChartAdapterModule a su proyecto
Cree una instancia de una clase SpreadsheetChartAdapter asignándola a la hoja de cálculo
Ejecute su aplicación y cargue una hoja de trabajo que contenga un gráfico.
Tipos de gráficos admitidos
Hay más de 35 tipos de gráficos admitidos por los ChartAdapters de hoja de cálculo, incluidos Línea, Área, Columna y Anillo. Vea la lista completa aquí:
Gráficos de columnas
Columna agrupada
columna apilada
Columna 100% apilada
Gráficos de líneas
Línea
Línea con marcadores
línea apilada
Línea apilada con marcadores
Línea 100% apilada
Línea 100% apilada con marcadores.
Gráficos circulares
Gráficos de anillos
Gráfica de barras
barra agrupada
barra apilada
barra 100% apilada
Gráficos de área
Área
Área apilada
Área 100% apilada
Gráficos XY (dispersión) y de burbujas
Dispersión (solo con marcador)
Dispersar con líneas suaves
Dispersión con líneas suaves y marcadores.
Dispersión con líneas rectas
Dispersión con líneas rectas y marcadores.
Burbuja (sin efectos)
Efecto Burbuja3DE
Gráficos de acciones
Cierre alto-bajo
Abrir-alto-bajo-cerrar
Volumen-alto-bajo-cierre
Volumen-apertura-alto-bajo-cierre
Gráficos de radar
Radar sin marcadores
Radar con marcadores
Radar lleno
Gráficos combinados
Gráfico de columnas y líneas que comparten xAxis
Gráfico de columnas y líneas y segundo eje x
Área y columna apiladas
Combinación personalizada
dependencias
En el siguiente fragmento de código, se utiliza una clase ExcelUtility externa para guardar y cargar un libro.
Al configurar su control de hoja de cálculo Web Components para agregar gráficos, deberá importar la clase de la SpreadsheetChartAdapter siguiente manera:
En el siguiente fragmento de código se muestra cómo agregar gráficos a la hoja de cálculo que se está viendo actualmente en el IgcSpreadsheetComponent control: