2017-12-11 17 views
0

아래 그림에서축선 (x 축)에서 데이터 (차트에 전달 된 배열)의 마지막 값을 표시하는 방법은 무엇입니까?

축선 (x 축)의 끝 부분에 표시되는 날짜는 데이터 확대의 끝 부분에 표시된 날짜와 다릅니다. 더 크게이인가되지 않을 때

필요

날짜, 축선 & 데이터 크게에서 동일해야한다. 날짜는 설정에 따라 차트에 전달되는 데이터의 마지막 값이어야합니다.

스크린 샷은 echarts의 공식 사이트에서 수집 된 것입니다. 사실 enter image description here

답변

2

https://ecomfe.github.io/echarts-examples/public/editor.html?c=area-rainfall 는 차트 2009/10/18까지 쇼 데이터를 수행하지만, x 축 진드기가 동일한 간격 아니기 때문에,

어떤 일이 발생 봐 차트의 끝에 작은 영역있다 차트 오른쪽 끝 위로 마우스를 가져 가면 2009/10/18이 표시됩니다. 축 눈금은 왼쪽에서 alligned 및 차트의 축 (때문에 사용자 정의 줌 범위의) 동적 때문에

enter image description here

, 항상 완벽하게 맞지 않을 수 있습니다.


그러나 진드기와 레이블은 약간 재생할 수 있습니다.

예를 들어 100 개의 데이터 포인트가있는 경우 10 (또는 데이터 포인트의 수로 나눌 수있는 다른 정수)까지 auto의 눈금 간격과 레이블을 변경할 수 있습니다.

xAxis: [ 
    { 
     axisTick: { 
      interval: 10 
     }, 
     axisLabel: { 
      interval: 10 
     }, 
    } 
]