跳到內容

DefaultChartsItemTooltipContentAPI

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

示範

匯入

import { DefaultChartsItemTooltipContent } from '@mui/x-charts/ChartsTooltip';
// or
import { DefaultChartsItemTooltipContent } from '@mui/x-charts';
// or
import { DefaultChartsItemTooltipContent } 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: 'bar'
| 'line'
| 'pie'
| 'scatter' }

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

series*object

連結到觸發座標軸的序列。

組件無法持有 ref。

CSS 類別

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

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

您可以使用以下自訂選項之一來覆寫組件的樣式

原始碼

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