Echarts 범례 사이의 간격을 어떻게 설정합니까?

1. echarts 의 공식 인스턴스 페이지를 열고 첫 번째 선 차트를 클릭합니다.

2. 페이지에 들어가면 데이터가 적기 때문에 가로좌표 문자가 표시됩니다.

3. 왼쪽 옵션 내용을 수정하고 xAxis 의 데이터 배열에 두 줄을 더 추가하여 시리즈에 적절한 수의 값을 추가합니다.

4. 실행 후 x 가로좌표가 도면 크기에 따라 자동으로 간격마다 텍스트를 표시했음을 알 수 있습니다. 특별한 요구 사항이 없는 경우 내용이 적을 때 모든 가로 문자를 표시하고, 내용이 많을 때 자동으로 문자를 표시하는 요구 사항을 충족할 수 있습니다.

5. 옵션의 xAxis 영역에 axisLabel:{interval:0} 을 추가합니다. 이 문은 가로좌표의 모든 텍스트가 간격이 없음을 의미합니다.

6. 한 번 더 실행하면 가로좌표 내용이 모두 표시되지만 공간이 부족해 내용이 모두 붐비고 있습니다.

7. interval 값을 5, axisLabel:{interval:5} 로 변경하고 다시 실행하면 x 가로좌표의 내용이 이미 원하는 간격으로 표시됩니다.