當前位置:名人名言大全網 - 勵志格言 - 如何讓highcharts表格顯示水平軸和垂直軸網格線

如何讓highcharts表格顯示水平軸和垂直軸網格線

妳好,很高興回答妳的問題。

網格線的設置主要有幾個屬性:

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

}]

});

});

如果妳滿意,請點擊右邊采納答案。如有疑問,請點擊提問。

希望我的回答對妳有幫助,希望采納!