日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

HighCharts解析之xAxis——x轴的样式

發布時間:2023/12/20 编程问答 36 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HighCharts解析之xAxis——x轴的样式 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

xAxis:x軸選項

參數

描述

默認值

allowDecimals

軸上的刻度是否允許使用小數

true

alternateGridColor

當使用備用的網格顏色時,表格會各行變色

null

categories

?x軸的名稱。比如? categories: ['Apples', 'Bananas', 'Oranges']

[]

dateTimeLabelFormats

時間軸,標尺會根據合適的單位自動計算。

{second:'%H:%M:%S', minute:'%H:%M', hour:'%H:%M', day:'%e. %b', week:'%e. %b',month:'%b \'%y', year:'%Y'}

{}

endOnTick

是否強制軸以一個刻度結束。使用該項和maxPadding想來控制軸的末端。

false

events

事件回調,支持addSeries方法,click方法,load方法,selection方法等的回調函數。

?

gridLineColor

繪圖區網格線的顏色

#C0C0C0

gridLineDashStyle

網格線的點或線的樣式

Solid

gridLineWidth

繪圖區網格線的寬度

0.0

id

軸的id。可以在圖表渲染后,通過chart.get()獲得一個點

null

labels

設置X軸各分類名稱的樣式style,格式formatter,角度rotation等。

array

lineColor

軸本身的線的顏色。

#C0D0E0

lineWidth

?軸本身的線的寬度

1.0

linkedTo

指向本軸的另一個軸的索引。當一個軸指向主軸時,它將有和主軸一樣的極端值,但是通過min,max或setExtremes可以更改。它也可以用來顯示附加的信息,或者通過復制標尺來緩解圖表顯示。

null

max

軸的最大值。如果是null,最大值被自動計算。如果endOnTick選項是true,max的值可能會被四舍五入。實際的最大值也會被chart.alignTicks影響。

null?

?maxPadding

?最大值相對于軸的長度的填充間距。padding值為0.05時會取100px長的軸的5px長度。

?0.01?

?maxZoom

?已過期。V2.2版本后改名為minRange.

?null

?min

軸的最小值。如果是null,最小值會被自動計算。?

?null

?minPadding

?軸顯示的最小范圍。整個軸將不被允許跨越這個最小間隔。比如一個時間軸,主要單位是毫秒

?null

?minTickInterval

??軸值允許的最小刻度間隔。比如縮放軸用來顯示每天的數據,可以用來阻止軸上顯示小時的時間

?null

minorGridLineColor?

?最小級別,次級的網格線的顏色。

??#E0E0E0

?minorGridLineDashStyle

?次級網格線的破折號或點的樣式。

?Solid?

?minorGridLineWidth

?次級網格線的寬度。

??1.0

?minorTickColor

?次級刻度標記的顏色。

?#A0A0A0?

minorTickInterval?

?次級網格線的刻度間隔,以標尺為單位。在線性軸中,如果是‘auto’,次級刻度間隔是刻度間隔的五分之一。如果是null,次級刻度將不顯示。

null?

?minorTickLength

?次級刻度的像素長度

??2.0

minorTickPosition?

?次級刻度相對于軸線的位置。可以是inside或outside

outside?

minorTickWidth?

?次級刻度的像素寬度

0.0?

?offset

?繪圖區到軸線的像素距離。正的偏移量會讓軸的線、便簽和刻度遠離繪圖區

??0.0

opposite?

?是否顯示在正常顯示的對面一側顯示軸。正常顯示是垂直的左邊,水平的下面,因此對面就是垂直的右邊和水平的上邊

?false

?plotBands

?

?

?plotLines

?

?

reversed?

?是否逆轉軸以使得最高的點最接近起點。

false??

?showEmpty

?是否顯示軸線和標題,當軸不包含數據時

null?

?showFirstLabel

?是否顯示第一個刻度標簽

true?

?showLastLabel

?是否顯示最后一個刻度標簽

false?

startOfWeek?

?對于時間軸,決定軸之間的刻度。0=周日,1=周一

1.0?

startOnTick?

?是否強制軸以刻度開始。結合maxPadding選項使用控制軸的開始。

?false

?tickColor

?主刻度的顏色

?#C0D0E0?

?tickInterval

?住刻度的間隔,以軸單位為單位。當為null時,線性軸的刻度間隔約等于tickPixelInterval,時間軸的約為時間間隔。

?null?

tickLength?

?主刻度的長度

?5.0

tickPixelInterval?

?當tickInterval是null的時候,該選項設置了刻度標志的大約間隔的像素值

?Y軸:72,X軸:100

tickPosition?

?刻度標記相對于軸線的位置。可以是inside或outside

outside?

?tickPositioner

?回調函數,返回一個定義刻度在軸上的排列的數組

null?

?tickPositions

?定義軸刻度的數組

null?

?tickWidth

?主刻度的像素寬度

1.0?

?tickmarkPlacement

?僅用在分類軸上。如果是on,刻度標記在分類的正中間,如果是between,刻度在兩個分類的之間

??between

title?

?X軸名稱,支持text、enabled、align、rotation、style等屬性

?

type?

?軸的類型。可以是linear,logarithmic,或者datetime

?linear

?events x軸事件

參數

描述

默認值

afterSetExtremes

相對于setExtremes事件的事件。在最后的最小值和最大值都被計算且校正過minRange后觸發該事件

null

setExtremes

當軸的最大值和最小值設置的時候,被觸發,無論是調用.setExtremes()方法或者是選擇了圖表的一個區域。this關鍵字是指軸對象自己。唯一的參數event被傳遞到函數中。用戶設置的新的最大值和最小值可以通過event.min和event.max查找。

null

?lables x軸標簽

參數

描述

默認值

align

水平對齊方式。可以是’left’,’right’,’center’.

center

?enabled

?啟用或禁用軸標簽

true?

formatter?

?回調javascript函數格式化標簽。值通過this.value得到。this的附加屬性,axis,chart,isFirst和isLast。

?function() {

return this.value;}

?overflow

?如果處理水平軸的溢出標簽。可以是undefined和‘justify’。如果是justify,標簽將不會在繪圖區外渲染。如果有足夠的空間去移動它,它將會在邊緣對齊,否則會被移除。

?null?

?rotation

?標簽旋轉的角度

?0

staggerLines?

?僅在水平軸使用。把標簽分布在幾行中以增大或縮小標簽的空間

null?

step?

??每隔n個的標簽顯示在軸上。設置step為n。設置step為2,每隔1個顯示標簽

null?

style?

?標簽的CSS樣式

style: {

color:'#6D869F',

fontWeight:? 'bold'

}

?

?useHTML

??是否使用HTML渲染標簽

false?

?x

?標簽相對于軸刻度的位置的x的偏移量

?0?

?y

?標簽相對于軸刻度的位置的y的偏移量

0?

轉載于:https://www.cnblogs.com/leaf1117/p/3480173.html

總結

以上是生活随笔為你收集整理的HighCharts解析之xAxis——x轴的样式的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。