Referencia de la API de cartas

Esta página documenta todas las clases públicas, interfaces y enum en la biblioteca de gráficos PowerPortalsPro.

Componentes

Los componentes de Blazor que generan gráficos.

FluentUIChart

Un envoltorio temático alrededor del componente base Chart . Lee los colores de los tokens activos de diseño de Fluent UI, rellena automáticamente los colores del conjunto de datos de una paleta derivada de Fluent y retematiza el gráfico cuando el usuario cambia entre modo claro y oscuro.

Reaccionar Blazor

FluentUIChart Clase

Parámetros

Nombre
Tipo
Default
Descripción
DatasetsList<ChartDataset>
Obtiene o establece los conjuntos de datos para graficar. Cualquier conjunto de datos que deje ChartDataset.BackgroundColor o ChartDataset.BorderColor null se rellenará automáticamente desde la paleta activa de Fluent.
EnableAnimationbool
True
Si las animaciones de gráficos están activadas. Por defecto es verdadero.
Heightstring?
400px
Obtiene o establece la altura opcional de CSS aplicada al contenedor de la carta. Por defecto es 400px.
LabelsList<string>
Obtiene o establece las etiquetas de categoría renderizadas a lo largo del eje principal del gráfico.
LegendPositionChartLegendPosition?
Colocación de la leyenda relativa al área del gráfico, o ChartLegendPosition.Hidden para ocultarlo por completo. Cuando es nulo, Chart.js es el valor por defecto (ChartLegendPosition.Top) se utiliza.
OrientationChartOrientation?
Orientación del gráfico. Cuando ChartOrientation.Horizontal, aparecen categorías en el Eje Y y valores en el eje X. Los gráficos de embudo por defecto son horizontales para un embudo de vista superior. Cuando es nulo, se utiliza el valor predeterminado para el tipo de carta.
ShowBorderbool
True
Si envolver el cuadro con un borde temático con esquinas redondeadas. Por defecto es verdadero.
Stackedbool
False
Si apilar conjuntos de datos unos sobre otros en lugar de uno al lado del otro. Se aplica a los gráficos de barras y líneas.
Titlestring?
Título de la lista mostrado encima de la lista. Cuando es nulo, no se muestra título.
TypeChartType
Bar
Obtiene o establece el tipo de gráfico a renderizar (por ejemplo ChartType.Bar, ChartType.Line, ChartType.Pie, ChartType.Doughnut).
Widthstring?
Obtiene o establece el ancho opcional de CSS aplicado al contenedor de la carta.
XAxisPrefixstring?
Cadena opcional añadida a cada etiqueta de tick del eje X.
XAxisSuffixstring?
Cadena opcional añadida a cada etiqueta de marca del eje X.
YAxisPrefixstring?
Cadena opcional añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo , '$' como moneda).
YAxisSuffixstring?
Cadena opcional añadida a cada etiqueta de tick y valor de tooltip del eje Y (por ejemplo , '%' para porcentajes).
Nombre: Datasets
Tipo: List<ChartDataset>
Descripción: Obtiene o establece los conjuntos de datos para graficar. Cualquier conjunto de datos que deje ChartDataset.BackgroundColor o ChartDataset.BorderColor null se rellenará automáticamente desde la paleta activa de Fluent.
Nombre: EnableAnimation
Tipo: bool
Default: True
Descripción: Si las animaciones de gráficos están activadas. Por defecto es verdadero.
Nombre: Height
Tipo: string?
Default: 400px
Descripción: Obtiene o establece la altura opcional de CSS aplicada al contenedor de la carta. Por defecto es 400px.
Nombre: Labels
Tipo: List<string>
Descripción: Obtiene o establece las etiquetas de categoría renderizadas a lo largo del eje principal del gráfico.
Nombre: LegendPosition
Tipo: ChartLegendPosition?
Descripción: Colocación de la leyenda relativa al área del gráfico, o ChartLegendPosition.Hidden para ocultarlo por completo. Cuando es nulo, Chart.js es el valor por defecto (ChartLegendPosition.Top) se utiliza.
Nombre: Orientation
Tipo: ChartOrientation?
Descripción: Orientación del gráfico. Cuando ChartOrientation.Horizontal, aparecen categorías en el Eje Y y valores en el eje X. Los gráficos de embudo por defecto son horizontales para un embudo de vista superior. Cuando es nulo, se utiliza el valor predeterminado para el tipo de carta.
Nombre: ShowBorder
Tipo: bool
Default: True
Descripción: Si envolver el cuadro con un borde temático con esquinas redondeadas. Por defecto es verdadero.
Nombre: Stacked
Tipo: bool
Default: False
Descripción: Si apilar conjuntos de datos unos sobre otros en lugar de uno al lado del otro. Se aplica a los gráficos de barras y líneas.
Nombre: Title
Tipo: string?
Descripción: Título de la lista mostrado encima de la lista. Cuando es nulo, no se muestra título.
Nombre: Type
Tipo: ChartType
Default: Bar
Descripción: Obtiene o establece el tipo de gráfico a renderizar (por ejemplo ChartType.Bar, ChartType.Line, ChartType.Pie, ChartType.Doughnut).
Nombre: Width
Tipo: string?
Descripción: Obtiene o establece el ancho opcional de CSS aplicado al contenedor de la carta.
Nombre: XAxisPrefix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de tick del eje X.
Nombre: XAxisSuffix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de marca del eje X.
Nombre: YAxisPrefix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo , '$' como moneda).
Nombre: YAxisSuffix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de tick y valor de tooltip del eje Y (por ejemplo , '%' para porcentajes).

Eventos

Nombre
Tipo
Descripción
OnElementClickEventCallback<ChartClickEventArgs>
Se eleva cuando el usuario hace clic en un elemento gráfico renderizado (una barra, un corte, un punto, etc.). Se ignoran los clics en el fondo del gráfico redirigidos al subyacente Components.Chart.
Nombre: OnElementClick
Tipo: EventCallback<ChartClickEventArgs>
Descripción: Se eleva cuando el usuario hace clic en un elemento gráfico renderizado (una barra, un corte, un punto, etc.). Se ignoran los clics en el fondo del gráfico redirigidos al subyacente Components.Chart.

Métodos

Nombre
Parámetros
Tipo
Descripción
ExportAsImageAsyncTask<string>
Exporta el gráfico actual como una imagen PNG y devuelve los datos como una codificación Base64 URI de datos (por ejemplo, 'data:image/png; base64,...'). Retornos nulos si la carta aún no se ha renderizado.
Nombre: ExportAsImageAsync
Tipo: Task<string>
Descripción: Exporta el gráfico actual como una imagen PNG y devuelve los datos como una codificación Base64 URI de datos (por ejemplo, 'data:image/png; base64,...'). Retornos nulos si la carta aún no se ha renderizado.

DataverseChart

Un componente de conveniencia que envuelve FluentUIChart y controla el ciclo de vida de carga de datos. Acepta un DataverseChartDataSource, gestiona el estado de carga, la visualización de errores y proporciona un botón de actualización opcional.

Reaccionar Blazor

DataverseChart Clase

Parámetros

Nombre
Tipo
Default
Descripción
AggregationIndexint
0
En qué entrada ViewDataSource.AggregationResults para renderizar. Por defecto es 0. Permite configurar una sola fuente de datos con múltiples agregaciones impulsan varios gráficos (uno por métrico). Ignorado cuando DataverseChart.Source se usa en su lugar.
CrossFilterModeChartCrossFilterMode
Highlight
Comportamiento de clic en cortes cuando se suministra a. DataverseChart.DataSource Por defecto — ChartCrossFilterMode.Highlight suave filtro cruzado que enfatiza el hermano de corte y atenuación igualados filas que no coinciden sin volver a buscar. El suministrado por el consumidor DataverseChart.OnElementClick Aún dispara al lado, para capas Telemetría / Comportamiento de simulado. Ignorado cuando DataverseChart.Source se utiliza.
DataSourceViewDataSource?
Instancia compartida Data.ViewDataSource (normalmente también conduciendo un par de <MainGrid>). Mutuamente excluyentes con DataverseChart.Source. El gráfico lee sus datos de forma reactiva de ViewDataSource.AggregationResults y despacha el estado del filtro cruzado en clics de corte por DataverseChart.CrossFilterMode. Un viaje de ida y vuelta al servidor entonces mantiene la página de filas de la cuadrícula y la agregación del gráfico de forma atómica consistente.
DefaultViewIdGuid?
ID de vista por defecto opcional para preseleccionar en el desplegable de vista. Si no se fija, la primera Vista en DataverseChart.ViewIds (o la vista predeterminada de la tabla) está seleccionada.
EnableAnimationbool
True
Si las animaciones de gráficos están activadas. Por defecto es verdadero.
Heightstring?
400px
Altura CSS opcional aplicada a todo el componente (incluido el selector de vistas El desplegable y el borde temático, cuando se muestra). El gráfico interno ocupa el espacio que sea permanece después de la barra de herramientas y el selección. Por defecto es 400px.
LegendPositionChartLegendPosition?
Colocación de la leyenda relativa al área del gráfico, o ChartLegendPosition.Hidden para ocultarlo por completo. Cuando es nulo, Chart.js es el valor por defecto (ChartLegendPosition.Top) se utiliza.
OrientationChartOrientation?
Orientación del gráfico. Los gráficos de embudo por defecto ChartOrientation.Horizontal para un embudo desde arriba. Cuando es nulo, se utiliza el valor predeterminado para el tipo de carta.
ShowBorderbool
True
Si envolver el cuadro con un borde temático con esquinas redondeadas. Por defecto es verdadero.
ShowExportButtonbool
True
Si mostrar un botón de descarga que exporta el gráfico como una imagen PNG. Por defecto es verdadero.
ShowRefreshButtonbool
True
Si mostrar un botón de actualización en la esquina superior derecha del gráfico. Por defecto es verdadero.
SourceDataverseChartDataSource?
Fuente de datos independiente basada en clases. Mutuamente excluyentes con DataverseChart.DataSource — exactamente uno de los dos debe ser aportó. Con DataverseChart.Source, este componente posee el ciclo de vida de carga + actualización y despachos a través Services.IChartService directamente. Úsalo cuando una carta posee su Buscar su propio (sin cuadrícula emparejada).
Stackedbool
False
Si apilar conjuntos de datos unos sobre otros en lugar de uno al lado del otro.
Titlestring?
Título de la lista mostrado encima de la lista. Cuando es nulo, no se muestra título.
TypeChartType
Bar
El tipo de gráfico a renderizar.
ViewIdsList<Guid>?
Lista opcional de IDs de vistas de Dataverse para mostrar en un desplegable sobre el gráfico. Cuando el El usuario selecciona una vista, sus condiciones de filtro se fusionan con la fuente de datos y el gráfico recarga. Obras con Components.AggregateDataverseChartDataSource y Components.ViewDataverseChartDataSource.
Widthstring?
Ancho CSS opcional aplicado al contenedor de la carta.
XAxisPrefixstring?
Cadena opcional añadida a cada etiqueta de tick del eje X.
XAxisSuffixstring?
Cadena opcional añadida a cada etiqueta de marca del eje X.
YAxisPrefixstring?
Cadena opcional añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo, '$').
YAxisSuffixstring?
Cadena opcional añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo, '%').
Nombre: AggregationIndex
Tipo: int
Default: 0
Descripción: En qué entrada ViewDataSource.AggregationResults para renderizar. Por defecto es 0. Permite configurar una sola fuente de datos con múltiples agregaciones impulsan varios gráficos (uno por métrico). Ignorado cuando DataverseChart.Source se usa en su lugar.
Nombre: CrossFilterMode
Tipo: ChartCrossFilterMode
Default: Highlight
Descripción: Comportamiento de clic en cortes cuando se suministra a. DataverseChart.DataSource Por defecto — ChartCrossFilterMode.Highlight suave filtro cruzado que enfatiza el hermano de corte y atenuación igualados filas que no coinciden sin volver a buscar. El suministrado por el consumidor DataverseChart.OnElementClick Aún dispara al lado, para capas Telemetría / Comportamiento de simulado. Ignorado cuando DataverseChart.Source se utiliza.
Nombre: DataSource
Tipo: ViewDataSource?
Descripción: Instancia compartida Data.ViewDataSource (normalmente también conduciendo un par de <MainGrid>). Mutuamente excluyentes con DataverseChart.Source. El gráfico lee sus datos de forma reactiva de ViewDataSource.AggregationResults y despacha el estado del filtro cruzado en clics de corte por DataverseChart.CrossFilterMode. Un viaje de ida y vuelta al servidor entonces mantiene la página de filas de la cuadrícula y la agregación del gráfico de forma atómica consistente.
Nombre: DefaultViewId
Tipo: Guid?
Descripción: ID de vista por defecto opcional para preseleccionar en el desplegable de vista. Si no se fija, la primera Vista en DataverseChart.ViewIds (o la vista predeterminada de la tabla) está seleccionada.
Nombre: EnableAnimation
Tipo: bool
Default: True
Descripción: Si las animaciones de gráficos están activadas. Por defecto es verdadero.
Nombre: Height
Tipo: string?
Default: 400px
Descripción: Altura CSS opcional aplicada a todo el componente (incluido el selector de vistas El desplegable y el borde temático, cuando se muestra). El gráfico interno ocupa el espacio que sea permanece después de la barra de herramientas y el selección. Por defecto es 400px.
Nombre: LegendPosition
Tipo: ChartLegendPosition?
Descripción: Colocación de la leyenda relativa al área del gráfico, o ChartLegendPosition.Hidden para ocultarlo por completo. Cuando es nulo, Chart.js es el valor por defecto (ChartLegendPosition.Top) se utiliza.
Nombre: Orientation
Tipo: ChartOrientation?
Descripción: Orientación del gráfico. Los gráficos de embudo por defecto ChartOrientation.Horizontal para un embudo desde arriba. Cuando es nulo, se utiliza el valor predeterminado para el tipo de carta.
Nombre: ShowBorder
Tipo: bool
Default: True
Descripción: Si envolver el cuadro con un borde temático con esquinas redondeadas. Por defecto es verdadero.
Nombre: ShowExportButton
Tipo: bool
Default: True
Descripción: Si mostrar un botón de descarga que exporta el gráfico como una imagen PNG. Por defecto es verdadero.
Nombre: ShowRefreshButton
Tipo: bool
Default: True
Descripción: Si mostrar un botón de actualización en la esquina superior derecha del gráfico. Por defecto es verdadero.
Nombre: Source
Tipo: DataverseChartDataSource?
Descripción: Fuente de datos independiente basada en clases. Mutuamente excluyentes con DataverseChart.DataSource — exactamente uno de los dos debe ser aportó. Con DataverseChart.Source, este componente posee el ciclo de vida de carga + actualización y despachos a través Services.IChartService directamente. Úsalo cuando una carta posee su Buscar su propio (sin cuadrícula emparejada).
Nombre: Stacked
Tipo: bool
Default: False
Descripción: Si apilar conjuntos de datos unos sobre otros en lugar de uno al lado del otro.
Nombre: Title
Tipo: string?
Descripción: Título de la lista mostrado encima de la lista. Cuando es nulo, no se muestra título.
Nombre: Type
Tipo: ChartType
Default: Bar
Descripción: El tipo de gráfico a renderizar.
Nombre: ViewIds
Tipo: List<Guid>?
Descripción: Lista opcional de IDs de vistas de Dataverse para mostrar en un desplegable sobre el gráfico. Cuando el El usuario selecciona una vista, sus condiciones de filtro se fusionan con la fuente de datos y el gráfico recarga. Obras con Components.AggregateDataverseChartDataSource y Components.ViewDataverseChartDataSource.
Nombre: Width
Tipo: string?
Descripción: Ancho CSS opcional aplicado al contenedor de la carta.
Nombre: XAxisPrefix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de tick del eje X.
Nombre: XAxisSuffix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de marca del eje X.
Nombre: YAxisPrefix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo, '$').
Nombre: YAxisSuffix
Tipo: string?
Descripción: Cadena opcional añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo, '%').

Eventos

Nombre
Tipo
Descripción
OnElementClickEventCallback<ChartClickEventArgs>
Se eleva cuando el usuario hace clic en un elemento gráfico renderizado.
Nombre: OnElementClick
Tipo: EventCallback<ChartClickEventArgs>
Descripción: Se eleva cuando el usuario hace clic en un elemento gráfico renderizado.

Tipos de cartas y enums

Enumeraciones para la selección de tipos de gráficos y la asignación de fechas.

ChartType

El conjunto de tipos de gráficos soportados por la biblioteca de Chart.js subyacente: Bar, Line, Pie, Doughnut, PolarArea, Radar, Bubble y Scatter.

Reaccionar Blazor

ChartType Enum

Valores

Nombre
Valor
Descripción
Bar0
Gráfico de barras vertical (Chart.js 'barra').
Line1
Gráfico de líneas (Chart.js 'línea').
Pie2
Gráfico circular (Chart.js 'pie').
Doughnut3
Tabla de rosquillas (Chart.js 'donut').
PolarArea4
Carta de área polar (Chart.js 'polarArea').
Radar5
Carta de radar (Chart.js 'radar').
Bubble6
Gráfico de burbujas (Chart.js 'burbuja').
Scatter7
Diagrama de dispersión (Chart.js 'dispersión').
Funnel8
Mapa de embudo (mediante el plugin chartjs-chart-funnel, escribe 'funnel').
Nombre: Bar
Value: 0
Descripción: Gráfico de barras vertical (Chart.js 'barra').
Nombre: Line
Value: 1
Descripción: Gráfico de líneas (Chart.js 'línea').
Nombre: Pie
Value: 2
Descripción: Gráfico circular (Chart.js 'pie').
Nombre: Doughnut
Value: 3
Descripción: Tabla de rosquillas (Chart.js 'donut').
Nombre: PolarArea
Value: 4
Descripción: Carta de área polar (Chart.js 'polarArea').
Nombre: Radar
Value: 5
Descripción: Carta de radar (Chart.js 'radar').
Nombre: Bubble
Value: 6
Descripción: Gráfico de burbujas (Chart.js 'burbuja').
Nombre: Scatter
Value: 7
Descripción: Diagrama de dispersión (Chart.js 'dispersión').
Nombre: Funnel
Value: 8
Descripción: Mapa de embudo (mediante el plugin chartjs-chart-funnel, escribe 'funnel').

ChartDateGrouping

Intervalos de bucketing de fechas para agrupar columnas de fecha y hora en consultas agregadas. Incluye valores simples (Día, Mes, Año) y valores combinados (MesAndAño, CuartoYAño, etc.) que producen etiquetas formateadas como "Jan 2024".

Reaccionar Blazor

ChartDateGrouping Enum

Valores

Nombre
Valor
Descripción
None0
No hay agrupación de fechas — la columna se agrupa por su valor bruto.
Day1
Agrupa por día (dategrouping='day'). Etiqueta: número de día.
Week2
Agrupa por semana ISO (dategrouping='week'). Etiqueta: número de semana.
Month3
Agrupa por mes del calendario (datagrouping='month'). Etiqueta: nombre abreviado del mes (enero, febrero, ...) en la cultura actual.
Quarter4
Agrupa por trimestre del calendario (datagrouping='trimestre'). Etiqueta: cuarto de dos.
Year5
Agrupa por año natural (datagrouping='year'). Sello: año.
MonthAndYear6
Agrupa por mes + año. Etiqueta: 'Ene 2024'.
DayAndMonth7
Agrupar por día + mes. Etiqueta: '15 de enero'.
DayAndMonthAndYear8
Agrupa por día + mes + año. Etiqueta: '15 ene 2024'.
WeekAndYear9
Agrupa por semana ISO + año. Etiqueta: 'W15 2024'.
QuarterAndYear10
Agrupar por trimestre + año. Etiqueta: 'Q1 2024'.
Nombre: None
Value: 0
Descripción: No hay agrupación de fechas — la columna se agrupa por su valor bruto.
Nombre: Day
Value: 1
Descripción: Agrupa por día (dategrouping='day'). Etiqueta: número de día.
Nombre: Week
Value: 2
Descripción: Agrupa por semana ISO (dategrouping='week'). Etiqueta: número de semana.
Nombre: Month
Value: 3
Descripción: Agrupa por mes del calendario (datagrouping='month'). Etiqueta: nombre abreviado del mes (enero, febrero, ...) en la cultura actual.
Nombre: Quarter
Value: 4
Descripción: Agrupa por trimestre del calendario (datagrouping='trimestre'). Etiqueta: cuarto de dos.
Nombre: Year
Value: 5
Descripción: Agrupa por año natural (datagrouping='year'). Sello: año.
Nombre: MonthAndYear
Value: 6
Descripción: Agrupa por mes + año. Etiqueta: 'Ene 2024'.
Nombre: DayAndMonth
Value: 7
Descripción: Agrupar por día + mes. Etiqueta: '15 de enero'.
Nombre: DayAndMonthAndYear
Value: 8
Descripción: Agrupa por día + mes + año. Etiqueta: '15 ene 2024'.
Nombre: WeekAndYear
Value: 9
Descripción: Agrupa por semana ISO + año. Etiqueta: 'W15 2024'.
Nombre: QuarterAndYear
Value: 10
Descripción: Agrupar por trimestre + año. Etiqueta: 'Q1 2024'.

Modelo de datos

Las clases e interfaces que representan datos de gráficos, puntos de datos, temática y cargas útiles de eventos de clic.

ChartData

Agrupa los datos completos necesarios para renderizar un gráfico: una lista de etiquetas de categoría (eje X) y uno o más conjuntos de datos. Devuelta por métodos de fuente LoadAsync de datos.

ChartData Clase

Propiedades

Nombre
Tipo
Default
Descripción
DatasetsList<ChartDataset>
Conjuntos de datos para representar. Cada conjunto de ChartDataset.Data datos la longitud debería coincidir ChartData.Labels; los cubos que faltan son cero llenado por el servidor para que se preserve la alineación posicional A través de las series.
LabelsList<string>
Etiquetas de categoría renderizadas a lo largo del eje primario.
Nombre: Datasets
Tipo: List<ChartDataset>
Descripción: Conjuntos de datos para representar. Cada conjunto de ChartDataset.Data datos la longitud debería coincidir ChartData.Labels; los cubos que faltan son cero llenado por el servidor para que se preserve la alineación posicional A través de las series.
Nombre: Labels
Tipo: List<string>
Descripción: Etiquetas de categoría renderizadas a lo largo del eje primario.

ChartDataset

Representa un único conjunto de datos (serie) en un gráfico. Contiene datos de datos, una etiqueta de leyenda y anulaciones opcionales de color para el fondo y el borde.

ChartDataset Clase

Propiedades

Nombre
Tipo
Default
Descripción
BackgroundColorstring?
Color de fondo predeterminado para cada elemento de este conjunto de datos para Tipos de cartas cartesianas. Para tipos de cartas radiales por punto DataPoint.BackgroundColor Anulaciones ganan. Cuando null, el envoltorio FluentUIChart se autorellena desde el activo Paleta fluida.
BorderColorstring?
Color predeterminado del borde. Semántica de precedencia igual que ChartDataset.BackgroundColor.
BorderWidthdouble
1
Ancho del borde de los elementos en píxeles. Se soportan valores fraccionarios (por ejemplo, 0,5 para límites de línea fina en pantallas de alto DPI). Por defecto es 1.
DataList<DataPoint>
Puntos de datos en este conjunto de datos. Los ítems son Models.DataPoint o una subclase (Models.DataverseDataPoint cuando la fuente de datos respaldado por Dataverse). El discriminador polimórfico '$type' es conservado a través de JSON.
Labelstring
Etiqueta de leyenda para este conjunto de datos (por ejemplo, 'Sales' o 'Won').
Nombre: BackgroundColor
Tipo: string?
Descripción: Color de fondo predeterminado para cada elemento de este conjunto de datos para Tipos de cartas cartesianas. Para tipos de cartas radiales por punto DataPoint.BackgroundColor Anulaciones ganan. Cuando null, el envoltorio FluentUIChart se autorellena desde el activo Paleta fluida.
Nombre: BorderColor
Tipo: string?
Descripción: Color predeterminado del borde. Semántica de precedencia igual que ChartDataset.BackgroundColor.
Nombre: BorderWidth
Tipo: double
Default: 1
Descripción: Ancho del borde de los elementos en píxeles. Se soportan valores fraccionarios (por ejemplo, 0,5 para límites de línea fina en pantallas de alto DPI). Por defecto es 1.
Nombre: Data
Tipo: List<DataPoint>
Descripción: Puntos de datos en este conjunto de datos. Los ítems son Models.DataPoint o una subclase (Models.DataverseDataPoint cuando la fuente de datos respaldado por Dataverse). El discriminador polimórfico '$type' es conservado a través de JSON.
Nombre: Label
Tipo: string
Descripción: Etiqueta de leyenda para este conjunto de datos (por ejemplo, 'Sales' o 'Won').

DataPoint

Implementación predeterminada de IDataPoint. Subclase para adjuntar contexto definido por el llamador (id de registro, región, etc.) que estará disponible para los manejadores de clics.

DataPoint Clase

Propiedades

Nombre
Tipo
Default
Descripción
BackgroundColorstring?
Color de fondo por punto. Utilizado por tipos de cartas radiales (pie, donut, polarArea) para colorear segmentos individuales de forma distintiva. Cuando es nulo, el envoltorio FluentUIChart se rellena automáticamente desde el Paleta activa.
BorderColorstring?
Color de borde por punto. Semántica de la misma DataPoint.BackgroundColor.
Valuedouble
0
El valor numérico se representa por Chart.js.
Nombre: BackgroundColor
Tipo: string?
Descripción: Color de fondo por punto. Utilizado por tipos de cartas radiales (pie, donut, polarArea) para colorear segmentos individuales de forma distintiva. Cuando es nulo, el envoltorio FluentUIChart se rellena automáticamente desde el Paleta activa.
Nombre: BorderColor
Tipo: string?
Descripción: Color de borde por punto. Semántica de la misma DataPoint.BackgroundColor.
Nombre: Value
Tipo: double
Default: 0
Descripción: El valor numérico se representa por Chart.js.

DataverseDataPoint

Una implementación que conserva el Dataverse TableRecord subyacente desde el que IDataPoint fue proyectada. Los handlers de clics pueden hacer coincidencia de patrones en este tipo para acceder al id de la fila, nombre de la tabla y valores de columna.

DataverseDataPoint Clase

Propiedades

Nombre
Tipo
Default
Descripción
BackgroundColorstring?
Color de fondo por punto. Utilizado por tipos de cartas radiales (pie, donut, polarArea) para colorear segmentos individuales de forma distintiva. Cuando es nulo, el envoltorio FluentUIChart se rellena automáticamente desde el Paleta activa.
BorderColorstring?
Color de borde por punto. Semántica de la misma DataPoint.BackgroundColor.
RecordTableRecord?
La fila del Dataverse desde la que se proyectó este punto de datos. Nulo Porque los cubos de cero llenos en un pivote multiserie no tienen un Registro de origen.
Valuedouble
0
El valor numérico se representa por Chart.js.
Nombre: BackgroundColor
Tipo: string?
Descripción: Color de fondo por punto. Utilizado por tipos de cartas radiales (pie, donut, polarArea) para colorear segmentos individuales de forma distintiva. Cuando es nulo, el envoltorio FluentUIChart se rellena automáticamente desde el Paleta activa.
Nombre: BorderColor
Tipo: string?
Descripción: Color de borde por punto. Semántica de la misma DataPoint.BackgroundColor.
Nombre: Record
Tipo: TableRecord?
Descripción: La fila del Dataverse desde la que se proyectó este punto de datos. Nulo Porque los cubos de cero llenos en un pivote multiserie no tienen un Registro de origen.
Nombre: Value
Tipo: double
Default: 0
Descripción: El valor numérico se representa por Chart.js.

ChartTheme

Anulaciones de tema y formato aplicadas a una instancia de gráfico — color de texto, color de la línea de cuadrícula, formato de valores en el eje Y (prefijo/sufijo), título del gráfico, modo apilado y posición de leyenda.

Reaccionar Blazor

ChartTheme Clase

Propiedades

Nombre
Tipo
Default
Descripción
EnableAnimationbool
True
Obtiene o establece si las animaciones de gráficos están activadas. Por defecto es verdadero. Configura en falso para desactivar todas las animaciones de entrada y actualización.
GridColorstring?
Obtiene o establece el color usado para las líneas de cuadrícula y bordes del eje.
IndexAxisChartIndexAxis?
La Chart.js dirección eje de categoría. Establecido por la capa de componentes desde la del llamador Components.ChartOrientation vía Components.ChartOrientation); los consumidores deberían establecer Orientación en el componente en lugar de en esta propiedad directamente. Cuando es nulo, la capa JS aplica un valor predeterminado específico para el tipo de gráfico. El enum el valor se convierte a la cadena minúscula Chart.js en el momento de la serialización JSON (véase Components.ChartIndexAxis).
LegendPositionChartLegendPosition?
Colocación de la leyenda relativa al área del gráfico, o ChartLegendPosition.Hidden para ocultarlo por completo. Cuando es nulo, se utiliza el valor predeterminado de Chart.js. El valor de enum es convertido a la cadena de Chart.js minúscula en tiempo de serialización JSON (véase Components.ChartLegendPosition).
Stackedbool
False
Obtiene o establece si los ejes X e Y están apilados. Cuando es cierto, los conjuntos de datos se apilan encima de los demás en vez de exhibidos lado a lado. Se aplica a los gráficos de barras y líneas.
TextColorstring?
Obtiene o establece el color usado para el texto por defecto, las etiquetas de leyendas, los ticks de eje y los títulos.
Titlestring?
Aparece o establece el texto del título de la carta que se muestra encima de la carta. Cuando es nulo, no se muestra título.
XAxisPrefixstring?
Recibe o establece una cadena añadida a cada etiqueta de tick del eje X (por ejemplo , 'Q' para cuartos). Cuando es nulo, no se aplica ningún prefijo.
XAxisSuffixstring?
Recibe o establece una cadena añadida a cada etiqueta de tick del eje X. Cuando es nulo, no se aplica ningún sufijo.
YAxisPrefixstring?
Recibe o establece una cadena añadida a cada etiqueta de tick y valor de tooltip en el eje Y (por ejemplo , '$' como moneda). Cuando es nulo, no se aplica ningún prefijo.
YAxisSuffixstring?
Recibe o establece una cadena añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo , '%' para porcentajes). Cuando es nulo, no se aplica ningún sufijo.
Nombre: EnableAnimation
Tipo: bool
Default: True
Descripción: Obtiene o establece si las animaciones de gráficos están activadas. Por defecto es verdadero. Configura en falso para desactivar todas las animaciones de entrada y actualización.
Nombre: GridColor
Tipo: string?
Descripción: Obtiene o establece el color usado para las líneas de cuadrícula y bordes del eje.
Nombre: IndexAxis
Tipo: ChartIndexAxis?
Descripción: La Chart.js dirección eje de categoría. Establecido por la capa de componentes desde la del llamador Components.ChartOrientation vía Components.ChartOrientation); los consumidores deberían establecer Orientación en el componente en lugar de en esta propiedad directamente. Cuando es nulo, la capa JS aplica un valor predeterminado específico para el tipo de gráfico. El enum el valor se convierte a la cadena minúscula Chart.js en el momento de la serialización JSON (véase Components.ChartIndexAxis).
Nombre: LegendPosition
Tipo: ChartLegendPosition?
Descripción: Colocación de la leyenda relativa al área del gráfico, o ChartLegendPosition.Hidden para ocultarlo por completo. Cuando es nulo, se utiliza el valor predeterminado de Chart.js. El valor de enum es convertido a la cadena de Chart.js minúscula en tiempo de serialización JSON (véase Components.ChartLegendPosition).
Nombre: Stacked
Tipo: bool
Default: False
Descripción: Obtiene o establece si los ejes X e Y están apilados. Cuando es cierto, los conjuntos de datos se apilan encima de los demás en vez de exhibidos lado a lado. Se aplica a los gráficos de barras y líneas.
Nombre: TextColor
Tipo: string?
Descripción: Obtiene o establece el color usado para el texto por defecto, las etiquetas de leyendas, los ticks de eje y los títulos.
Nombre: Title
Tipo: string?
Descripción: Aparece o establece el texto del título de la carta que se muestra encima de la carta. Cuando es nulo, no se muestra título.
Nombre: XAxisPrefix
Tipo: string?
Descripción: Recibe o establece una cadena añadida a cada etiqueta de tick del eje X (por ejemplo , 'Q' para cuartos). Cuando es nulo, no se aplica ningún prefijo.
Nombre: XAxisSuffix
Tipo: string?
Descripción: Recibe o establece una cadena añadida a cada etiqueta de tick del eje X. Cuando es nulo, no se aplica ningún sufijo.
Nombre: YAxisPrefix
Tipo: string?
Descripción: Recibe o establece una cadena añadida a cada etiqueta de tick y valor de tooltip en el eje Y (por ejemplo , '$' como moneda). Cuando es nulo, no se aplica ningún prefijo.
Nombre: YAxisSuffix
Tipo: string?
Descripción: Recibe o establece una cadena añadida a cada etiqueta de tick del eje Y y valor de tooltip (por ejemplo , '%' para porcentajes). Cuando es nulo, no se aplica ningún sufijo.

ChartClickEventArgs

Carga útil que describe un clic en un único elemento de la gráfica (barra, corte, punto, etc.). Contiene el índice del conjunto de datos, índice de datos, etiqueta, valor, etiqueta del conjunto de datos y la instancia original IDataPoint para la comparación de patrones.

Reaccionar Blazor

ChartClickEventArgs Clase

Propiedades

Nombre
Tipo
Default
Descripción
DataIndexint
0
El índice base cero del punto de datos dentro de su conjunto de datos.
DataPointDataPoint?
La instancia real Models.DataPoint que respalda el elemento clicado. Haz la coincidencia de patrones con tu subclase personalizada (por ejemplo, Models.DataverseDataPoint) para acceder Contexto definido por el llamante (ID de registro, categoría, etc.). Puede ser nulo si los índices de JavaScript ya no coincide con el conjunto de datos actual (por ejemplo, porque los datos fueron reemplazados a mitad de clic).
DatasetIndexint
0
El índice en base cero del conjunto de datos que contiene el elemento al que se hace clic.
DatasetLabelstring
La etiqueta del conjunto de datos al que pertenece el elemento al que se hace clic (por ejemplo , 'Ventas'), o una cadena vacía si el conjunto de datos no tiene etiqueta.
Labelstring
La etiqueta de categoría asociada al elemento al que se ha hecho clic (por ejemplo , 'Enero'), o una cadena vacía si la tabla no tiene etiquetas.
Valuedouble
0
El valor numérico del punto de datos con el que se ha hecho clic.
Nombre: DataIndex
Tipo: int
Default: 0
Descripción: El índice base cero del punto de datos dentro de su conjunto de datos.
Nombre: DataPoint
Tipo: DataPoint?
Descripción: La instancia real Models.DataPoint que respalda el elemento clicado. Haz la coincidencia de patrones con tu subclase personalizada (por ejemplo, Models.DataverseDataPoint) para acceder Contexto definido por el llamante (ID de registro, categoría, etc.). Puede ser nulo si los índices de JavaScript ya no coincide con el conjunto de datos actual (por ejemplo, porque los datos fueron reemplazados a mitad de clic).
Nombre: DatasetIndex
Tipo: int
Default: 0
Descripción: El índice en base cero del conjunto de datos que contiene el elemento al que se hace clic.
Nombre: DatasetLabel
Tipo: string
Descripción: La etiqueta del conjunto de datos al que pertenece el elemento al que se hace clic (por ejemplo , 'Ventas'), o una cadena vacía si el conjunto de datos no tiene etiqueta.
Nombre: Label
Tipo: string
Descripción: La etiqueta de categoría asociada al elemento al que se ha hecho clic (por ejemplo , 'Enero'), o una cadena vacía si la tabla no tiene etiquetas.
Nombre: Value
Tipo: double
Default: 0
Descripción: El valor numérico del punto de datos con el que se ha hecho clic.

Fuentes de datos

Clases de fuente de datos que cargan datos de gráficos desde Dataverse mediante consultas FetchXML.

DataverseChartDataSource

Clase base de fuente de datos que acepta FetchXML en bruto y mapeos de columnas. Ejecuta la consulta mediante IPowerPortalsProService, gestiona RelatedRecordValue el despliegue para obtener resultados agregados, y da forma a las filas en series simples o múltiples ChartData.

Reaccionar Blazor

DataverseChartDataSource Clase

Propiedades

Nombre
Tipo
Default
Descripción
FetchXmlstring?
La consulta FetchXML para ejecutar. La clase base envía esto en el solicitar directamente; Anulación de subclases Models.ChartDataRequest) para usar un modo de entrada diferente.
LabelColumnstring
El nombre de la columna de resultado para usar en las etiquetas de los gráficos (eje X). Para el crudo FetchXML este es el nombre lógico del atributo (o su alias si es que es se especificó en el FetchXML).
SeriesColumnstring?
Nombre opcional de columna de resultado usado para dividir filas en múltiples conjuntos de datos. Cuando se establece, las filas que comparten el mismo valor de serie son agrupados en un solo conjunto de datos.
SingleSeriesLabelstring
Etiqueta opcional de conjunto de datos aplicada al conjunto de datos emitido de una sola vez cuando DataverseChartDataSource.SeriesColumn no está fija. Uso de consultas multiserie el valor de serie formateada como etiqueta de conjunto de datos e ignora esto.
ValueColumnstring
El nombre de la columna resultante para leer valores numéricos de ellos. Debe Consulta una columna numérica en las filas devueltas.
Nombre: FetchXml
Tipo: string?
Descripción: La consulta FetchXML para ejecutar. La clase base envía esto en el solicitar directamente; Anulación de subclases Models.ChartDataRequest) para usar un modo de entrada diferente.
Nombre: LabelColumn
Tipo: string
Descripción: El nombre de la columna de resultado para usar en las etiquetas de los gráficos (eje X). Para el crudo FetchXML este es el nombre lógico del atributo (o su alias si es que es se especificó en el FetchXML).
Nombre: SeriesColumn
Tipo: string?
Descripción: Nombre opcional de columna de resultado usado para dividir filas en múltiples conjuntos de datos. Cuando se establece, las filas que comparten el mismo valor de serie son agrupados en un solo conjunto de datos.
Nombre: SingleSeriesLabel
Tipo: string
Descripción: Etiqueta opcional de conjunto de datos aplicada al conjunto de datos emitido de una sola vez cuando DataverseChartDataSource.SeriesColumn no está fija. Uso de consultas multiserie el valor de serie formateada como etiqueta de conjunto de datos e ignora esto.
Nombre: ValueColumn
Tipo: string
Descripción: El nombre de la columna resultante para leer valores numéricos de ellos. Debe Consulta una columna numérica en las filas devueltas.

Métodos

Nombre
Parámetros
Tipo
Descripción
LoadAsyncIChartService chartService
Task<ChartData>
Carga datos del gráfico a través del archivo compartido Services.IChartService.
Nombre: LoadAsync
Parámetros: IChartService chartService
Tipo: Task<ChartData>
Descripción: Carga datos del gráfico a través del archivo compartido Services.IChartService.

AggregateDataverseChartDataSource

Una subclase que construye una consulta agregada FetchXML a partir de propiedades simples (NombreTabla, GroupByColumn, AggregateColumn, Aggregate) en lugar de requerir FetchXML en bruto. Soporta bucketing de fechas, multi-series, filtrado basado en vistas, fragmentos de filtro en línea y uniones de entidades enlazadas.

Reaccionar Blazor

AggregateDataverseChartDataSource Clase

Propiedades

Nombre
Tipo
Default
Descripción
AggregateAggregateType
Sum
La función agregada aplicada a AggregateDataverseChartDataSource.AggregateColumn.
AggregateColumnstring
La columna Dataverse para agregar. Para AggregateType.Count Cualquier columna vale. Conjuntos DataverseChartDataSource.ValueColumn en la base para que se mantengan sincronizados.
FetchXmlstring?
La consulta FetchXML para ejecutar. La clase base envía esto en el solicitar directamente; Anulación de subclases Models.ChartDataRequest) para usar un modo de entrada diferente.
FilterXmlstring?
Fragmento de filtro FetchXML en bruto opcional para inyectar en el consulta generada (un <filtro completo>... </filtro>).
GroupByColumnstring
La columna Dataverse para agrupar por — se convierte en el eje X del gráfico etiquetas. Conjuntos DataverseChartDataSource.LabelColumn En la clase base para que se mantengan sincronizados.
GroupByDateGroupingChartDateGrouping
None
Cuando AggregateDataverseChartDataSource.GroupByColumn es una columna de fecha-hora, controles Cómo se reparten las fechas en cubos.
GroupByLinkedEntityChartLinkedEntity?
Cadena opcional de entidades enlazadas para AggregateDataverseChartDataSource.GroupByColumn. Cuando se establece, el atributo groupby se coloca dentro de la entidad de enlace en el FetchXML generado.
LabelColumnstring
El nombre de la columna de resultado para usar en las etiquetas de los gráficos (eje X). Para el crudo FetchXML este es el nombre lógico del atributo (o su alias si es que es se especificó en el FetchXML).
SeriesColumnstring?
Nombre opcional de columna de resultado usado para dividir filas en múltiples conjuntos de datos. Cuando se establece, las filas que comparten el mismo valor de serie son agrupados en un solo conjunto de datos.
SeriesDateGroupingChartDateGrouping
None
Agrupación de fechas opcional para la serie — aplicada a la misma columna como AggregateDataverseChartDataSource.GroupByColumn. Uso de las cartas año tras año ChartDateGrouping.Month en AggregateDataverseChartDataSource.GroupByDateGrouping y ChartDateGrouping.Year en esta propiedad. Cuando se ajusta, DataverseChartDataSource.SeriesColumn es ignorado.
SeriesLinkedEntityChartLinkedEntity?
Cadena opcional de entidades enlazadas para DataverseChartDataSource.SeriesColumn.
SingleSeriesLabelstring
Etiqueta opcional de conjunto de datos aplicada al conjunto de datos emitido de una sola vez cuando DataverseChartDataSource.SeriesColumn no está fija. Uso de consultas multiserie el valor de serie formateada como etiqueta de conjunto de datos e ignora esto.
TableNamestring
La tabla Dataverse para consultar (por ejemplo, 'opportunity').
Topint?
Número máximo opcional de filas agrupadas para devolver.
ValueColumnstring
El nombre de la columna resultante para leer valores numéricos de ellos. Debe Consulta una columna numérica en las filas devueltas.
ViewIdGuid?
ID opcional de vista guardada. Cuando se ajusta, las condiciones de filtro de la vista se fusionan en la consulta agregada generada. Determina cuál Se incluyen discos; La configuración agregada determina cómo son agrupados.
Nombre: Aggregate
Tipo: AggregateType
Default: Sum
Descripción: La función agregada aplicada a AggregateDataverseChartDataSource.AggregateColumn.
Nombre: AggregateColumn
Tipo: string
Descripción: La columna Dataverse para agregar. Para AggregateType.Count Cualquier columna vale. Conjuntos DataverseChartDataSource.ValueColumn en la base para que se mantengan sincronizados.
Nombre: FetchXml
Tipo: string?
Descripción: La consulta FetchXML para ejecutar. La clase base envía esto en el solicitar directamente; Anulación de subclases Models.ChartDataRequest) para usar un modo de entrada diferente.
Nombre: FilterXml
Tipo: string?
Descripción: Fragmento de filtro FetchXML en bruto opcional para inyectar en el consulta generada (un <filtro completo>... </filtro>).
Nombre: GroupByColumn
Tipo: string
Descripción: La columna Dataverse para agrupar por — se convierte en el eje X del gráfico etiquetas. Conjuntos DataverseChartDataSource.LabelColumn En la clase base para que se mantengan sincronizados.
Nombre: GroupByDateGrouping
Tipo: ChartDateGrouping
Default: None
Descripción: Cuando AggregateDataverseChartDataSource.GroupByColumn es una columna de fecha-hora, controles Cómo se reparten las fechas en cubos.
Nombre: GroupByLinkedEntity
Tipo: ChartLinkedEntity?
Descripción: Cadena opcional de entidades enlazadas para AggregateDataverseChartDataSource.GroupByColumn. Cuando se establece, el atributo groupby se coloca dentro de la entidad de enlace en el FetchXML generado.
Nombre: LabelColumn
Tipo: string
Descripción: El nombre de la columna de resultado para usar en las etiquetas de los gráficos (eje X). Para el crudo FetchXML este es el nombre lógico del atributo (o su alias si es que es se especificó en el FetchXML).
Nombre: SeriesColumn
Tipo: string?
Descripción: Nombre opcional de columna de resultado usado para dividir filas en múltiples conjuntos de datos. Cuando se establece, las filas que comparten el mismo valor de serie son agrupados en un solo conjunto de datos.
Nombre: SeriesDateGrouping
Tipo: ChartDateGrouping
Default: None
Descripción: Agrupación de fechas opcional para la serie — aplicada a la misma columna como AggregateDataverseChartDataSource.GroupByColumn. Uso de las cartas año tras año ChartDateGrouping.Month en AggregateDataverseChartDataSource.GroupByDateGrouping y ChartDateGrouping.Year en esta propiedad. Cuando se ajusta, DataverseChartDataSource.SeriesColumn es ignorado.
Nombre: SeriesLinkedEntity
Tipo: ChartLinkedEntity?
Descripción: Cadena opcional de entidades enlazadas para DataverseChartDataSource.SeriesColumn.
Nombre: SingleSeriesLabel
Tipo: string
Descripción: Etiqueta opcional de conjunto de datos aplicada al conjunto de datos emitido de una sola vez cuando DataverseChartDataSource.SeriesColumn no está fija. Uso de consultas multiserie el valor de serie formateada como etiqueta de conjunto de datos e ignora esto.
Nombre: TableName
Tipo: string
Descripción: La tabla Dataverse para consultar (por ejemplo, 'opportunity').
Nombre: Top
Tipo: int?
Descripción: Número máximo opcional de filas agrupadas para devolver.
Nombre: ValueColumn
Tipo: string
Descripción: El nombre de la columna resultante para leer valores numéricos de ellos. Debe Consulta una columna numérica en las filas devueltas.
Nombre: ViewId
Tipo: Guid?
Descripción: ID opcional de vista guardada. Cuando se ajusta, las condiciones de filtro de la vista se fusionan en la consulta agregada generada. Determina cuál Se incluyen discos; La configuración agregada determina cómo son agrupados.

Métodos

Nombre
Parámetros
Tipo
Descripción
LoadAsyncIChartService chartService
Task<ChartData>
Carga datos del gráfico a través del archivo compartido Services.IChartService.
Nombre: LoadAsync
Parámetros: IChartService chartService
Tipo: Task<ChartData>
Descripción: Carga datos del gráfico a través del archivo compartido Services.IChartService.

ViewDataverseChartDataSource

Una subclase que resuelve su FetchXML desde una vista guardada de Dataverse (consulta guardada). El llamador sigue estableciendo LabelColumn y ValueColumn para indicar qué columnas corresponden a etiquetas y valores.

Reaccionar Blazor

ViewDataverseChartDataSource Clase

Propiedades

Nombre
Tipo
Default
Descripción
FetchXmlstring?
La consulta FetchXML para ejecutar. La clase base envía esto en el solicitar directamente; Anulación de subclases Models.ChartDataRequest) para usar un modo de entrada diferente.
LabelColumnstring
El nombre de la columna de resultado para usar en las etiquetas de los gráficos (eje X). Para el crudo FetchXML este es el nombre lógico del atributo (o su alias si es que es se especificó en el FetchXML).
SeriesColumnstring?
Nombre opcional de columna de resultado usado para dividir filas en múltiples conjuntos de datos. Cuando se establece, las filas que comparten el mismo valor de serie son agrupados en un solo conjunto de datos.
SingleSeriesLabelstring
Etiqueta opcional de conjunto de datos aplicada al conjunto de datos emitido de una sola vez cuando DataverseChartDataSource.SeriesColumn no está fija. Uso de consultas multiserie el valor de serie formateada como etiqueta de conjunto de datos e ignora esto.
ValueColumnstring
El nombre de la columna resultante para leer valores numéricos de ellos. Debe Consulta una columna numérica en las filas devueltas.
ViewIdGuid
00000000-0000-0000-0000-000000000000
El identificador único del Dataverse guardó la vista para cargar. El el servidor recupera su FetchXml en cada llamada (sin caché en esta capa; ViewMetadataCache gestiona la caché en el lado del servidor).
Nombre: FetchXml
Tipo: string?
Descripción: La consulta FetchXML para ejecutar. La clase base envía esto en el solicitar directamente; Anulación de subclases Models.ChartDataRequest) para usar un modo de entrada diferente.
Nombre: LabelColumn
Tipo: string
Descripción: El nombre de la columna de resultado para usar en las etiquetas de los gráficos (eje X). Para el crudo FetchXML este es el nombre lógico del atributo (o su alias si es que es se especificó en el FetchXML).
Nombre: SeriesColumn
Tipo: string?
Descripción: Nombre opcional de columna de resultado usado para dividir filas en múltiples conjuntos de datos. Cuando se establece, las filas que comparten el mismo valor de serie son agrupados en un solo conjunto de datos.
Nombre: SingleSeriesLabel
Tipo: string
Descripción: Etiqueta opcional de conjunto de datos aplicada al conjunto de datos emitido de una sola vez cuando DataverseChartDataSource.SeriesColumn no está fija. Uso de consultas multiserie el valor de serie formateada como etiqueta de conjunto de datos e ignora esto.
Nombre: ValueColumn
Tipo: string
Descripción: El nombre de la columna resultante para leer valores numéricos de ellos. Debe Consulta una columna numérica en las filas devueltas.
Nombre: ViewId
Tipo: Guid
Default: 00000000-0000-0000-0000-000000000000
Descripción: El identificador único del Dataverse guardó la vista para cargar. El el servidor recupera su FetchXml en cada llamada (sin caché en esta capa; ViewMetadataCache gestiona la caché en el lado del servidor).

Métodos

Nombre
Parámetros
Tipo
Descripción
LoadAsyncIChartService chartService
Task<ChartData>
Carga datos del gráfico a través del archivo compartido Services.IChartService.
Nombre: LoadAsync
Parámetros: IChartService chartService
Tipo: Task<ChartData>
Descripción: Carga datos del gráfico a través del archivo compartido Services.IChartService.

ChartLinkedEntity

Describe una entidad vinculada (unión) usada por AggregateDataverseChartDataSource para colocar un atributo groupby o serie en una tabla relacionada. Soporta anidamiento ilimitado a través de la LinkedEntity propiedad para uniones multi-saltos (por ejemplo, opportunity → cuenta → unidad de negocio).

ChartLinkedEntity Clase

Propiedades

Nombre
Tipo
Default
Descripción
Fromstring
Columna en la tabla enlazada que proporciona la clave de unión (por ejemplo, 'accountid').
JoinTypeJoinOperator
Inner
Tipo de unión. Por defecto es JoinOperator.Inner.
LinkedEntityChartLinkedEntity?
Entidad vinculada a hijo opcional para uniones multi-hop. El Groupby/serie se coloca en la parte más interna entidad en la cadena.
TableNamestring
Nombre lógico de la tabla enlazada (por ejemplo, 'cuenta').
Tostring
Columna en la tabla padre (o entidad de enlace padre) a unir (por ejemplo, 'customerid').
Nombre: From
Tipo: string
Descripción: Columna en la tabla enlazada que proporciona la clave de unión (por ejemplo, 'accountid').
Nombre: JoinType
Tipo: JoinOperator
Default: Inner
Descripción: Tipo de unión. Por defecto es JoinOperator.Inner.
Nombre: LinkedEntity
Tipo: ChartLinkedEntity?
Descripción: Entidad vinculada a hijo opcional para uniones multi-hop. El Groupby/serie se coloca en la parte más interna entidad en la cadena.
Nombre: TableName
Tipo: string
Descripción: Nombre lógico de la tabla enlazada (por ejemplo, 'cuenta').
Nombre: To
Tipo: string
Descripción: Columna en la tabla padre (o entidad de enlace padre) a unir (por ejemplo, 'customerid').

Compartiendo una fuente de datos entre una cuadrícula y un gráfico

A ViewDataSource puede mover a MainGrid y uno (o más) DataverseChart componentes en sincronía. Un recorrido de un servidor devuelve la página de filas y la agregación del gráfico de forma atómica, así que no hay ninguna carrera en la que el gráfico muestre números de un filtro antiguo mientras la cuadrícula está en uno nuevo. Buscar, ordenar, enviar la página y ver los cambios en cualquiera de los dos consumidores fluyen a través de la misma fuente de datos.

Construye la fuente de datos en OnInitialized (para que la inyección IGridService esté disponible) y pásala a ambas vistas mediante DataSource. La cuadrícula renderiza la página de la fila; la carta muestra AggregationResults[AggregationIndex]. Se admiten agregaciones múltiples — cada entrada alimenta un gráfico separado que apunta a la misma fuente de datos.

React
Blazor

Al hacer clic en una porción del gráfico, se activa la , que Highlightatenua las filas no coincidentes en la cuadrícula emparejada (y las que no coinciden en el gráfico) sin volver a buscar. Haz clic en la misma porción otra vez para limpiar. Para la navegación de paso a través de un taladro o un filtro duro, ajusta CrossFilterMode="ChartCrossFilterMode.None" y maneja OnElementClick tú mismo.