OrdinalAxis
名稱:Ordinal Axis(序數圖軸)
說明:主要是用來搭配
OrdinalBubbles
使用的圖軸,可對應到dataFormatter
上的xAxis
設定。
params$
型別:
Partial<OrdinalAxisParams>
欄位:
名稱 說明 型別 labelOffset 圖軸標籤位移 [number, number]
labelColorType 圖軸標籤顏色類別 ColorType
axisLineVisible 顯示圖軸線 boolean
axisLineColorType 圖軸線顏色類別 ColorType
ticks 刻度數量
*number
: 合適數量
*null
: 自動判斷all
: 全部number | null | 'all'
tickFormat 刻度文字格式
*string
: 以d3-format
格式 進行註記
*Function
: 自訂 function 回傳顯示文字)string | ((text: d3.NumberValue) => string | d3.NumberValue
tickLineVisible 顯示刻度線 boolean
tickPadding 刻度和文字的距離 number
tickFullLine 將刻度線顯示在整個場景上 boolean
tickFullLineDasharray 設定刻度線虛線格式(搭配 tickFullLine
為true
)string
tickColorType 刻度顏色類別 ColorType
tickTextColorType 刻度文字顏色類別 ColorType
詳細型別
type ColorType = 'none' | 'label' | 'labelContrast' | 'primary' | 'secondary' | 'background'
- 預設值:
{
labelOffset: [0, 0],
labelColorType: 'primary',
axisLineVisible: false,
axisLineColorType: 'secondary',
ticks: 4,
tickFormat: v => v,
tickLineVisible: true,
tickPadding: 20,
tickFullLine: true,
tickFullLineDasharray: 'none',
tickColorType: 'secondary',
tickTextRotate: 0,
tickTextColorType: 'primary'
}