Highcharts : 그래프에 선을 추가하면 X 축에서 레이블이 제거됩니다.
Callumacrae
내 차트는 다음과 같습니다.
다음은 첫 번째 계열로 선을 추가 한 경우의 차트입니다 (x 축에 레이블이 없음).
어떤 이유로 x 축의 대부분의 점이 사라지고 있습니다.
다음은 축소 된 경우입니다.
$(function () {
$('#container').highcharts({
xAxis: {
type: 'datetime'
},
series: [
{
type: 'line',
data: [
{ x: 1476749571000, y: 36581540.37153554 },
{ x: 1477429910000, y: 36763124.20193958 }
]
},
{
type: 'scatter',
data: [
{ x: 1476749571000, y: 37170874 },
{ x: 1476756736000, y: 36541961 },
{ x: 1476760298000, y: 36412560 },
{ x: 1476771158000, y: 36766829 },
{ x: 1476774759000, y: 36819204 },
{ x: 1476778351000, y: 36193069 },
{ x: 1476781953000, y: 36289990 },
{ x: 1476789144000, y: 36751180 },
{ x: 1476796338000, y: 36058553 },
{ x: 1476807129000, y: 36803593 },
{ x: 1476810763000, y: 35963538 },
{ x: 1476821507000, y: 36896693 },
{ x: 1476825189000, y: 36187712 },
{ x: 1476835902000, y: 37084673 },
{ x: 1476843121000, y: 37136577 },
{ x: 1476846735000, y: 36607531 },
{ x: 1476853934000, y: 36334610 },
{ x: 1476864716000, y: 37140192 },
{ x: 1476875538000, y: 35929136 },
{ x: 1476900734000, y: 36137618 },
{ x: 1476907888000, y: 37195952 },
{ x: 1476915103000, y: 37170028 },
{ x: 1476922333000, y: 36438640 },
{ x: 1476936739000, y: 36425736 },
{ x: 1476951130000, y: 36954993 },
{ x: 1476969138000, y: 36288051 },
{ x: 1476972690000, y: 36666854 },
{ x: 1476976353000, y: 37066932 },
{ x: 1476979924000, y: 36628386 },
{ x: 1476990726000, y: 36997524 },
{ x: 1477005114000, y: 37036777 },
{ x: 1477008734000, y: 36069816 },
{ x: 1477019586000, y: 36788879 },
{ x: 1477026712000, y: 37195266 },
{ x: 1477030349000, y: 36568077 },
{ x: 1477033944000, y: 35936353 },
{ x: 1477041102000, y: 35840667 },
{ x: 1477069967000, y: 36826033 },
{ x: 1477077134000, y: 37165725 },
{ x: 1477084331000, y: 37078309 },
{ x: 1477091521000, y: 37195750 },
{ x: 1477095153000, y: 36788377 },
{ x: 1477105972000, y: 36951953 },
{ x: 1477109539000, y: 37072255 },
{ x: 1477113124000, y: 35688693 },
{ x: 1477120378000, y: 37021539 },
{ x: 1477134712000, y: 36883044 },
{ x: 1477138302000, y: 36838067 },
{ x: 1477141938000, y: 36719537 },
{ x: 1477145571000, y: 35900066 },
{ x: 1477149173000, y: 36141158 },
{ x: 1477156353000, y: 36647699 },
{ x: 1477163535000, y: 36516520 },
{ x: 1477167130000, y: 35817224 },
{ x: 1477181544000, y: 36758274 },
{ x: 1477188754000, y: 36717498 },
{ x: 1477195935000, y: 36913901 },
{ x: 1477203152000, y: 36518492 },
{ x: 1477217518000, y: 37143381 },
{ x: 1477224743000, y: 36334856 },
{ x: 1477231914000, y: 36910162 },
{ x: 1477249968000, y: 36977544 },
{ x: 1477257157000, y: 37174847 },
{ x: 1477267956000, y: 37051864 },
{ x: 1477289539000, y: 36343981 },
{ x: 1477296761000, y: 37020845 },
{ x: 1477300357000, y: 36180803 },
{ x: 1477307506000, y: 36145191 },
{ x: 1477311156000, y: 37102437 },
{ x: 1477325543000, y: 35496804 },
{ x: 1477332732000, y: 37193777 },
{ x: 1477339942000, y: 36683704 },
{ x: 1477354323000, y: 36577391 },
{ x: 1477357932000, y: 36231277 },
{ x: 1477361539000, y: 37198585 },
{ x: 1477365133000, y: 36789070 },
{ x: 1477379517000, y: 37138966 },
{ x: 1477386738000, y: 36953176 },
{ x: 1477397539000, y: 37135591 },
{ x: 1477408304000, y: 35867866 },
{ x: 1477411936000, y: 37141581 },
{ x: 1477415513000, y: 36864017 },
{ x: 1477422756000, y: 36743302 },
{ x: 1477426328000, y: 36948156 },
{ x: 1477429910000, y: 37199122 }
]
}
]
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>어떤 아이디어?
Jlbriggs
특정 시나리오가 어떻게 설명되는지는 확실하지 않지만 Highcarts가 시리즈 유형 line과 scatter시리즈 유형 간에 사물을 해석하는 방법에는 차이가있는 것 같습니다 .
그러나 line두 가지 모두에 대해 시리즈를 사용 하고 단순히 분산 데이터에서 선을 제거 하여이 문제를 해결할 수 있습니다 .
이렇게하면 설정을 건너 뛰고 tickInterval원하는 차트로 동적 해석을 얻을 수 있습니다.
예:
{
type: 'line',
lineWidth: 0,
marker: {
enabled: true
},
findNearestPointBy: 'xy',
data: [ ... ]
}
업데이트 된 바이올린 :
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
HighCharts 선 그래프에 날짜 레이블 추가
- 2
Highcharts에서 x 축 레이블을 강제로 표시하는 방법은 무엇입니까?
- 3
그래프 하단에서 xtic 레이블이 x 축을 따라 사라집니다.
- 4
Highcharts에서 range 또는 setExtremes가있는 경우 x 축을 스크롤하면 레이블 (tickPositioner) 값이 사라집니다.
- 5
툴팁 안에 Highcharts x 축 타임 스탬프 레이블을 표시하는 방법은 무엇입니까?
- 6
Highcharts : x 축에 간격이있을 때 선 그래프를 나누는 방법
- 7
mpandroid 막대 차트에 x 축 레이블을 추가하면 배열 목록의 첫 번째 레이블 만 표시됩니다.
- 8
막대 그래프에 대해 R에 표시된 x 축에서 모든 레이블을 가져 오려면 어떻게해야합니까?
- 9
내 그래프에서 첫 번째 레이블을 x 축의 0.0에서 0으로 수정하려면 어떻게해야합니까?
- 10
하이 차트의 x 축 레이블에 도구 설명을 추가하려면 어떻게합니까?
- 11
Matplotlib : 눈금이 사용자 지정 레이블이있는 그래프의 점에 해당하는 다른 X 축을 추가하는 방법
- 12
Chart.js에서 그래프의 X 축에있는 모든 레이블을보고 싶지만 몇 개의 레이블 만 표시됩니다.
- 13
드릴 다운이 포함 된 Highcharts 기둥 형 차트, x 축 레이블에서 서식과 같은 하이퍼 링크 제거
- 14
matplotlib에서 .subplot을 사용하는 동안 제목, x 축 레이블 및 y 축 레이블을 추가하는 방법은 무엇입니까?
- 15
x 축 막대 그래프에 추가 레이블 추가
- 16
Highcharts-시리즈 이름을 X 축 레이블로 추가
- 17
MPAndroid 차트는 X 축에서 레이블을 숨기고 두 번 탭하면 표시됩니다.
- 18
인구 피라미드에서 음의 X 축 레이블을 제거하려면 어떻게합니까?
- 19
jsx 그래프에서 문자열을 X 축 레이블로 사용할 수 있습니다.
- 20
Highcharts 게이지 그래프에서 플롯 밴드 레이블을 중앙에 배치하려면 어떻게해야합니까?
- 21
Seaborn / matplotlib 플롯에서 x 축 레이블을 제거하거나 숨기는 방법은 무엇입니까?
- 22
R에서 x 축 레이블을 계층화하는 데 문제가 있습니다.
- 23
R cdplot에서 x 축 레이블을 제거하는 방법은 무엇입니까?
- 24
막대 그래프 위에 평균 레이블이있는 ± SE 레이블을 추가 하시겠습니까?
- 25
하이 차트 선 그래프 끝에 레이블을 추가하는 방법
- 26
플롯 히스토그램에서 x 축의 레이블 사이에 더 많은 공간을 추가하려고합니다.
- 27
Highcharts에서 X 축의 잘못된 레이블
- 28
축에서 사용자 지정 레이블을 추가 / 제거하는 방법
- 29
scale_x_discrete를 사용하여 내 ggplot의 x 축에 레이블을 추가 할 수 없습니다.
몇 마디 만하겠습니다