머리말
파이 차트를 제외한 모든 차트에는 x 축과 y 축이 있습니다. 기본적으로 X 축은 차트 하단에 표시되고 y 축이 왼쪽에 표시됩니다 (여러 y 축으로 왼쪽과 오른쪽에 표시 될 수 있음). chart.inverted = true 설정하면 x-y 축 디스플레이 위치를 조정할 수 있습니다.
하이 차트의 좌표축을 함께 배우겠습니다.
태그 :
1. 제목
xaxis : {title : {text : 'x axis title'}} yaxis : {title : {text : 'y-axis title'}}2. 태그
레이블 : 활성화, 포맷터, Setp
yaxis : {labels : {enabled : true, formatter : function () {if (this.value <= 3) {return "first level ("+this.value+")"; } else if (this.value> 3 && this.value <= 5) {return "Second Level ("+this.value+")"; } else {return "Third Level ("+this.value+")"; }}, step : 1 // 한 번 표시 할 여러 줄 검색}3. 메쉬
1.gridlinewidth
그리드 라인 너비. 기본 x 축은 0이고 기본 y 축은 1px입니다.
2. Gridlinecolor
그리드 라인 색상. 기본값은 다음과 같습니다 . #C0C0C0 .
3.gridlinedashstyle
그리드 라인 라인 스타일. CSS 국경 스타일과 유사하게 일반적으로 사용되는 것과 유사합니다. Solid, Dot 및 Dash는 포함됩니다.
yaxis : {// gridlinewidth : '1px', //이 속성 GridlinedashStyle이 사용되면 GridLineColor가 작동하지 않습니다 : '#019000', GridlinedashStyle : 'Dash',}4. 유형
xaxis : {카테고리 : [ 'a', 'b', 'c']}, yaxis : {type : 'dateTime'},5. 반사
역전은 x와 y 대신 축을 뒤집어 조정하는 것입니다. 예를 들어, y 축을 반전시킨 결과는 y 축이 가장 큰 값에서 시작하고 최소값이 바닥에 있다는 것입니다.
xaxis : {카테고리 : [ 'a', 'b', 'c'], 반전 : true}, yaxis : {type : 'dateTime', Reversed : true},6. 공기
그 값이 true로 설정되면 x 축 및 Y 축에 표시되는 위치는 각각 위아래로, 왼쪽과 오른쪽입니다.
xaxis : {카테고리 : [ 'a', 'b', 'c'], 반대 : true}, yaxis : {type : 'datetime', 반대 : true}7. 반전
차트 : {type : 'line', style : {fontsize : "17px",}, 반전 : true}8. Min, Max
숫자 축의 최소 및 최대 값을 제어합니다.
참고 : 허용 디시밀, 최소, 최대 속성 제어 숫자 축 등의 디스플레이 범위를 쉽게 제어 할 수 있습니다 (이것은 매우 일반적인 문제이기도합니다).
요약
위는이 기사에 관한 것입니다. 배웠습니까? 편집자는 HighCharts의 기사를 계속 업데이트 할 것입니다. HighChart에 관심이있는 친구는 Wulin.com에 계속주의를 기울여야합니다. 이 기사가 당신이 배우는 데 도움이되기를 바랍니다.