Tritium UI

TritiumHeatmapChart

Coloriez une grille de valeurs en lignes et colonnes pour que les matrices denses se lisent d'un coup d'œil.

TritiumHeatmapChart

Fonctions clés

  • Liez une HeatmapSeries avec des chemins de propriétés de colonne, de ligne et de valeur.
  • Peignez les cellules sur une échelle à deux ou trois couleurs (bas, milieu facultatif, haut).
  • Affichez ou masquez les étiquettes de valeur de cellule et les étiquettes d'axe.
  • Affichez une légende et des info-bulles, et animez le premier tracé.
  • Affichez un message d'état vide lorsqu'il n'y a pas de données.
  • Sélectionnez une cellule et gérez SeriesPointSelected.
  • Exportez le graphique vers un flux ou un fichier PNG.

Plateformes

Android, iOS, Mac Catalyst et Windows 10 version 19041 et ultérieures (.NET 10 MAUI).

API principale

  • Series . The heatmap series (column, row, and value paths).
  • MinColor . Color at the low end of the scale; MaxColor is the high end.
  • ShowDataLabels . Prints each cell value on the tile.
  • SeriesPointSelected . Fires when the user selects a cell.

Exemple de base

Déclarez cet espace de noms sur la page.

xmlns:charts="clr-namespace:Tritium.Maui.Charts;assembly=Tritium.Maui.Charts"
<charts:TritiumHeatmapChart ShowDataLabels="True" ShowAxisLabels="True">
    <charts:TritiumHeatmapChart.Series>
        <charts:HeatmapSeries ItemsSource="{Binding Cells}"
                              ColumnBindingPath="Hour"
                              RowBindingPath="Day"
                              ValueBindingPath="Load" />
    </charts:TritiumHeatmapChart.Series>
</charts:TritiumHeatmapChart>

Ajoutez la source de paquets de votre licence, puis référencez le paquet qui contient ce contrôle. Ces paquets ne sont pas sur la galerie publique NuGet.

Ask Tritium

How-to help and product fit for FleetPro, Tritium UI, and Tritium Reporting.

Ask how to use a feature, or tell us your company, platforms, team size, and use case. Pricing and upgrades go to sales.

Product fit
Contact sales

Search the FAQ