DefaultChartsAxisTooltipContentAPI
React DefaultChartsAxisTooltipContent 組件的 API 參考文件。瞭解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import { DefaultChartsAxisTooltipContent } from '@mui/x-charts/ChartsTooltip';
// or
import { DefaultChartsAxisTooltipContent } from '@mui/x-charts';
// or
import { DefaultChartsAxisTooltipContent } from '@mui/x-charts-pro';閱讀這份關於最小化 bundle size 的指南，瞭解它們之間的差異。
| 名稱 | 類型 | 描述 |
|---|---|---|
| axis* | object | 觸發座標軸的屬性。 |
| axisData* | { x?: { index?: number, value: Date | number | string }, y?: { index?: number, value: Date | number | string } } | 識別觸發座標軸的資料。 |
| classes* | object | 覆寫或擴展應用於組件的樣式。 請參閱下方CSS 類別 API 以瞭解更多詳細資訊。 |
| series* | Array<object> | 連結到觸發座標軸的系列。 |
| axisValue | Date | number | string | 與目前滑鼠位置相關聯的值。 |
| dataIndex | number | 觸發資料項目的索引。 |
組件無法持有 ref。
這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會應用於組件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiDefaultChartsAxisTooltipContent-cell | cell | 應用於 cell 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-labelCell | labelCell | 應用於 labelCell 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-mark | mark | 應用於 mark 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-markCell | markCell | 應用於 markCell 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-paper | paper | 應用於 paper 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-root | root | 應用於 root 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-row | row | 應用於 row 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-table | table | 應用於 table 元素的樣式。 |
| .MuiDefaultChartsAxisTooltipContent-valueCell | valueCell | 應用於 valueCell 元素的樣式。 |
您可以使用以下其中一種自訂選項覆寫組件的樣式
- 使用全域類別名稱。
- 在自訂主題中使用規則名稱作為組件的
styleOverrides屬性的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實作以瞭解更多詳細資訊。