跳到主要內容

DefaultHeatmapTooltipAPI

React DefaultHeatmapTooltip 元件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。

示範

匯入

import { DefaultHeatmapTooltip } from '@mui/x-charts-pro/Heatmap';
// or
import { DefaultHeatmapTooltip } from '@mui/x-charts-pro';

透過閱讀這篇關於最小化套件大小的指南，瞭解它們之間的差異。

Props

名稱類型描述
classes*object

覆寫或擴展應用於元件的樣式。

請參閱下方的CSS 類別 API 以瞭解更多詳細資訊。

getColor*func

取得索引為 dataIndex 的項目的顏色。

簽名：function(dataIndex: number) => string
  • dataIndex 項目的資料索引。

傳回值： 要顯示的顏色。

itemData*{ dataIndex: number, seriesId: number
| string, type: 'heatmap' }

用於識別觸發項目的資料。

series*object

連結到觸發項目的系列。

元件無法持有 ref。

CSS 類別

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會應用於元件的插槽。

類別名稱規則名稱描述
.MuiDefaultHeatmapTooltip-cellcell應用於 cell 元素的樣式。
.MuiDefaultHeatmapTooltip-labelCelllabelCell應用於 labelCell 元素的樣式。
.MuiDefaultHeatmapTooltip-markmark應用於 mark 元素的樣式。
.MuiDefaultHeatmapTooltip-markCellmarkCell應用於 markCell 元素的樣式。
.MuiDefaultHeatmapTooltip-paperpaper應用於 paper 元素的樣式。
.MuiDefaultHeatmapTooltip-rootroot應用於 root 元素的樣式。
.MuiDefaultHeatmapTooltip-rowrow應用於 row 元素的樣式。
.MuiDefaultHeatmapTooltip-tabletable應用於 table 元素的樣式。
.MuiDefaultHeatmapTooltip-valueCellvalueCell應用於 valueCell 元素的樣式。

您可以使用以下其中一種自訂選項來覆寫元件的樣式

原始碼

如果您在本頁中找不到所需資訊，請考慮查看元件的實作以取得更多詳細資訊。