網格線的設置主要有幾個屬性:
1,gridLineColor:網格線的顏色值;默認值為# c0c0c0
2.gridLineDashStyle:網格線樣式;實線是默認值;範圍值為:
1
2
三
四
五
六
七
八
九
10
11
12
13
14
查看sourceprint?
var dashStyles = [
固體',
'短劃線',
短點',
ShortDashDot ',
' ShortDashDotDot ',
點',
破折號',
'龍達什',
虛線點',
龍達斯多特,
“龍達斯多特”
];
3.gridLineWidth:網格線的寬度,默認為0;
需要註意的是,我們要設置水平網格線,需要設置yAxis,在設置垂直網格線時需要設置xAxis節點。完整的代碼示例如下:
1
2
三
四
五
六
七
八
九
10
11
12
13
14
15
16
17
18
19
20
查看sourceprint?
$(function () {
$('#container ')。高圖表({
圖表:{
},
xAxis: {
類別:['壹月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十壹月','十二月'],
網格線顏色:' # 197F07 ',//垂直網格線顏色。
GridLineWidth: 1 //垂直網格線寬度。
},
亞西斯:{
網格線顏色:' # 197F07 ',//水平網格線顏色。
Gridlinedashstyle:' longdash ',//水平網格線樣式
GridLineWidth: 1//水平網格線寬度。
},
系列:[{
數據:[29.9 71.5 106.4 129.2 144.0 176.0 135.6 148.5 216.4 194.1 95.6 555
}]
});
});
如果妳滿意,請點擊右邊采納答案。如有疑問,請點擊提問。
希望我的回答對妳有幫助,希望采納!