Skip to content

Variable: HeatmapChart

const HeatmapChart: {(props): Element; displayName: string; }

Heatmap Chart component for matrix-style data visualization.

Important: This component uses Apache ECharts architecture. Configure it via props, not by passing child components.

Best Practice: Use the built-in data fetching by passing queryKey and parameters props instead of pre-fetching data with useAnalyticsQuery.

Data should be in “long format” with three fields:

  • xKey: X-axis category (columns)
  • yAxisKey: Y-axis category (rows)
  • yKey: The numeric value for each cell

Supports both query mode (queryKey + parameters) and data mode (static data).

HeatmapChartProps

Element

displayName: string