Affichez un graphique linéaire en définissant Type="ChartType.Line". Les graphiques linéaires sont idéaux pour montrer les tendances dans le temps — la AggregateDataverseChartDataSource même composante pratique DataverseChart fonctionne avec n’importe quel type de graphique.
Valeur moyenne d’opportunité estimée par année, divisée par note (chaud / chaud / froid). Cliquez sur un point pour en voir les détails.
Définissez SeriesDateGrouping pour diviser la même colonne de date en plusieurs séries selon un intervalle de temps différent. Par exemple, GroupByDateGrouping = ChartDateGrouping.Month avec SeriesDateGrouping = ChartDateGrouping.Year produit une ligne par an avec des mois sur l’axe des X.
import {
AggregateDataverseChartDataSource,
AggregateType,
ChartDateGrouping,
ChartType,
} from '@powerportalspro/react-charts';
import { DataverseChart } from '@powerportalspro/react-fluent';
import { useMemo } from 'react';
export function MyChart() {
const source = useMemo(
() =>
new AggregateDataverseChartDataSource({
tableName: 'opportunity',
groupByColumn: 'actualclosedate',
groupByDateGrouping: ChartDateGrouping.Month,
seriesDateGrouping: ChartDateGrouping.Year,
aggregateColumn: 'estimatedvalue',
aggregate: AggregateType.Sum,
}),
[],
);
return (
<DataverseChart
dataSource={source}
type={ChartType.Line}
title="Chiffre d’affaires par mois (année sur année)"
yAxisPrefix="$"
/>
);
}<DataverseChart Source="_source"
Type="ChartType.Line"
Title="Chiffre d’affaires par mois (année sur année)"
YAxisPrefix="$" />
@code {
private readonly AggregateDataverseChartDataSource _source = new()
{
TableName = "opportunity",
GroupByColumn = "actualclosedate",
GroupByDateGrouping = ChartDateGrouping.Month,
SeriesDateGrouping = ChartDateGrouping.Year,
AggregateColumn = "estimatedvalue",
Aggregate = AggregateType.Sum,
};
}Chiffre d’affaires estimé total par mois, chaque année étant une ligne distincte. Comparez les schémas saisonniers selon les années.
Voir aussi