樣式

有多個選項可以設定座標軸的樣式。您可以設定選項來控制格線和刻度。

格線設定

命名空間：options.scales[scaleId].grid，它定義了垂直於座標軸的格線的選項。

名稱	類型	可腳本化	可索引	預設值	描述
circular	布林值			false	如果為 true，格線會是圓形的（僅適用於雷達圖和極地區域圖）。
color	顏色	是	是	Chart.defaults.borderColor	格線的顏色。如果指定為陣列，則第一個顏色會套用到第一個格線，第二個顏色會套用到第二個格線，依此類推。
display	布林值			布林值	如果為 false，則不顯示此座標軸的格線。
drawOnChartArea	布林值			布林值	如果為 true，則在座標軸線內的圖表區域上繪製線條。當有多個座標軸並且您需要控制繪製哪些格線時，這會很有用。
drawTicks	布林值			布林值	如果為 true，則在圖表旁邊的座標軸區域中的刻度旁邊繪製線條。
lineWidth	數字	是	是	1	格線的筆畫寬度。
offset	布林值			false	布林值
如果為 true，格線將會移動到標籤之間。預設情況下，長條圖會設定為 true。	tickBorderDash	是	是	[]	數字[]
刻度線的長度和間距。如果未設定，則預設為格線的 borderDash 值。	數字	是	是		tickBorderDashOffset
刻度線虛線的偏移量。如果未設定，則預設為格線的 borderDashOffset 值。	顏色	是	是		tickColor
刻度線的顏色。如果未設定，則預設為格線顏色。	數字			8	tickLength
格線繪製到座標軸區域中的長度（以像素為單位）。	數字	是	是		tickWidth
刻度線的寬度（以像素為單位）。如果未設定，則預設為格線寬度。	數字			-1	z

格線圖層的 z-index。值 <= 0 會繪製在資料集下方，> 0 會繪製在上方。

可腳本化的環境會在選項章節中說明。

刻度設定

所有座標軸通用的刻度選項

名稱	類型	可腳本化	預設值	描述
命名空間：options.scales[scaleId].ticks	顏色	是	backdropColor	'rgba(255, 255, 255, 0.75)'
標籤背景的顏色。	backdropPadding		2	邊距
標籤背景的邊距。	callback			函式
display	布林值		布林值	傳回刻度值的字串表示形式，該字串應顯示在圖表上。請參閱回呼。
color	顏色	是	display	布林值
如果為 true，則顯示刻度標籤。	color	是	顏色	刻度的顏色。
font	字型		{}	Chart.defaults.font.
請參閱字型	數字		3	major
物件	布林值	是	主要刻度設定	padding
數字	顏色	是	``	設定刻度標籤與座標軸的偏移量
showLabelBackdrop	數字	是	0	布林值
刻度線的寬度（以像素為單位）。如果未設定，則預設為格線寬度。	數字		0	徑向比例為 true，其他情況為 false

格線圖層的 z-index。值 <= 0 會繪製在資料集下方，> 0 會繪製在上方。

如果為 true，則在刻度標籤後方繪製背景。

textStrokeColor

名稱	類型	預設值	描述
顏色	布林值	false	文字周圍筆畫的顏色。

textStrokeWidth

數字

名稱	類型	可腳本化	可索引	預設值	描述
display	布林值			布林值	文字周圍筆畫的寬度。
color	顏色			Chart.defaults.borderColor	z
數字	數字			1	刻度圖層的 z-index。當刻度繪製在圖表區域上時很有用。值 <= 0 會繪製在資料集下方，> 0 會繪製在上方。
主要刻度設定	tickBorderDash	是		[]	命名空間：options.scales[scaleId].ticks.major，它定義了座標軸產生的主要刻度標記的選項。
enabled	數字	是		0.0	布林值
刻度線的寬度（以像素為單位）。如果未設定，則預設為格線寬度。	數字			0	如果為 true，則會產生主要刻度。主要刻度會影響自動跳過，並且在可腳本選項環境中的刻度上會定義 major。