Stellen Sie ein Liniendiagramm dar, indem Sie setzen Type="ChartType.Line". Liniendiagramme sind ideal, um Trends über die Zeit darzustellen – dieselbe AggregateDataverseChartDataSource und DataverseChart bequeme Komponente funktionieren bei jedem Diagrammtyp.
Durchschnittlicher geschätzter Chancenwert nach Jahr, aufgeteilt nach Bewertung (heiß / warm / kalt). Klicken Sie auf einen Punkt, um die Details zu sehen.
Stellen Sie ein, SeriesDateGrouping dass die gleiche Datumsspalte in mehrere Reihen mit einem anderen Zeitintervall aufgeteilt wird. Zum Beispiel GroupByDateGrouping = ChartDateGrouping.Month produziert mit SeriesDateGrouping = ChartDateGrouping.Year einer Zeile pro Jahr mit Monaten auf der X-Achse.
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="Umsatz nach Monat (Jahresvergleich)"
yAxisPrefix="$"
/>
);
}<DataverseChart Source="_source"
Type="ChartType.Line"
Title="Umsatz nach Monat (Jahresvergleich)"
YAxisPrefix="$" />
@code {
private readonly AggregateDataverseChartDataSource _source = new()
{
TableName = "opportunity",
GroupByColumn = "actualclosedate",
GroupByDateGrouping = ChartDateGrouping.Month,
SeriesDateGrouping = ChartDateGrouping.Year,
AggregateColumn = "estimatedvalue",
Aggregate = AggregateType.Sum,
};
}Gesamtgeschätzte Einnahmen pro Monat, wobei jedes Jahr eine eigene Linie ist. Vergleichen Sie saisonale Muster über Jahre hinweg.
Siehe auch
Chart API Reference — vollständige Dokumentation für alle Chartklassen, Enums und Datenquellen.