Highcharts 차트 범주가 올바르게 표시되지 않음
바디 서
편집 : 여기에 뭔가를 표시하는 JordanD 덕분에 바이올린이 있습니다 : jsfiddle.net
EDIT (2) : 내가 말할 수있는 것은 단일 시리즈 차트가 표시되는 방식입니다. 두 번째 계열 (데이터 배열의 두 번째 요소)을 추가하면 차트가 예상대로 표시되지만 하나의 계열에서는 기본적으로 양쪽 정렬이 아닌 중앙에 배치됩니다. 따라서 '깨진'것이 아니라 내가 예상 한대로 작동하지 않습니다.
데이터 시리즈는 다음과 같은 형식의 객체 배열 형식입니다.
name: 'string'
data: ['array', 'of', 'data']
이미지에서 볼 수 있듯이 x 축 범주가 문자열로 표시됩니다. 설정 중
categories: dates
여기서 날짜는 첫 번째 인덱스에 날짜 배열이있는 배열입니다. 카테고리에 표시되는 유일한 것은 배열의 첫 번째 요소 인 것으로 보입니다. 노력해도
categories: ['this', 'is', 'a', 'test']
표시되는 유일한 것은 'this'입니다.
다음은 작은 데이터 샘플과 함께 제공되는 콘솔 로그입니다. 
다음은 차트를 인스턴스화하는 호출입니다.
$("#chart").highcharts({
chart: {
type: 'column'
},
title: {
text: 'report for ' + result[0].Name
},
xAxis: {
categories: date
},
yAxis: {
title:
{
text: 'Number'
}
},
series: dataSeries
});
내가 얻으려는 것은 차트의 전체 너비를 차지하기 위해 x 축 레이블 (및 열 자체)을 간격을 두는 것입니다.
세바스찬 보찬
문제는 9 개의 시리즈가 있고 각 포인트가 동일한 x를 가지고 있으므로 각 시리즈가 동일한 틱에서 시작하고 결과가 있다는 것입니다.
해결책 :
- 하나의 시리즈를 사용하고 각 포인트에 대한 색상을 설정하십시오.
- 각 시리즈에 대해 pointStart 사용
- 데이터를 쌍 [x, y]로 설정하지만 xAxis는 카테고리 유형 이어야합니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
HighCharts가 올바르게 표시되지 않음
- 2
캐스트가 올바르게 표시되지 않음
- 3
페이지 컨트롤러가 올바르게 표시되지 않음
- 4
그라디언트 호보기가 올바르게 표시되지 않음
- 5
Swift-UILabel 텍스트가 올바르게 표시되지 않음
- 6
CSS 회전 된 텍스트가 올바르게 표시되지 않음
- 7
£ 기호가 올바르게 표시되지 않는 텍스트 글꼴 모음
- 8
Libreoffice 메뉴 텍스트가 올바르게 표시되지 않음
- 9
레이블 텍스트가 올바르게 표시되지 않음
- 10
Highcharts-게이지 차트 데이터 레이블이 올바르게 배치되지 않음
- 11
범위에 대한 부트 스트랩 예제가 올바르게 표시되지 않음
- 12
D3 원형 차트가 올바르게 업데이트되지 않음
- 13
HighCharts-두 번째 yAxis 그래프가 올바르게 확장되지 않음
- 14
jqPlot 원형 차트가 올바르게 렌더링되지 않음
- 15
표 테두리가 올바르게 표시되지 않음
- 16
표 테두리가 올바르게 표시되지 않음
- 17
표 테두리가 올바르게 표시되지 않음
- 18
pydev의 주석이 올바르게 표시되지 않음
- 19
Google지도가 올바르게 표시되지 않음
- 20
배경 이미지가 올바르게 표시되지 않음
- 21
자바 스크립트 자식 노드가 올바르게 표시되지 않음
- 22
CSS 텍스트 오버플로 줄임표가 올바르게 표시되지 않음
- 23
PDF가 GitHub에 올바르게 표시되지 않음
- 24
IF 문의 결과가 올바르게 표시되지 않음
- 25
단순 JavaScript가 올바르게 표시되지 않음
- 26
iOS7 UISearchBar가 올바르게 표시되지 않음
- 27
SVG가 올바르게 표시되지 않음
- 28
선택한 jquery가 올바르게 표시되지 않음
- 29
SVG가 올바르게 표시되지 않음
몇 마디 만하겠습니다