Tritium UI

TritiumHeatmapChart

Coloree una cuadrícula de valores de fila y columna para que las matrices densas sean fáciles de leer.

TritiumHeatmapChart

Funciones clave

  • Enlace una HeatmapSeries con rutas de propiedades de columna, fila y valor.
  • Pinte las celdas en una escala de dos o tres colores (bajo, medio opcional, alto).
  • Muestre u oculte las etiquetas de valor de celda y las de los ejes.
  • Muestre una leyenda y sugerencias, y anime el primer dibujo.
  • Muestre un mensaje de estado vacío cuando no hay datos.
  • Seleccione una celda y controle SeriesPointSelected.
  • Exporte el gráfico a un flujo o archivo PNG.

Plataformas

Android, iOS, Mac Catalyst y Windows 10 versión 19041 y posteriores (.NET 10 MAUI).

API principal

  • 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.

Ejemplo básico

Declare este espacio de nombres en la página.

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>

Agregue el origen de paquetes de su licencia y luego referencie el paquete que incluye este control. Estos paquetes no están en la galería pública de 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