2017-05-10 5 views
0

전체 전자 차트 라이브러리를 사용하여 차트를 만들려고 노력하고 있습니다. 인터넷을 통해 설명서를 읽고 인터넷을 통해 많은 예제를 찾아 볼 수 있지만 세로 텍스트로 y 축에 레이블을 쓰는 방법을 찾을 수 없습니다.echarts 세로 텍스트가있는 Y 축 레이블

문서에 따라 쓸 수있는 위치는 axisLabel : {} 객체이지만 여전히 확실하지 않습니다.

코드 예제 :

그냥 수직 위치에서 y 축에 레이블을 삽입하려면 y 축

답변

7

에서 수직에서 간단한 텍스트를 원하는, 당신은 y 축 옵션에서 다음 하위 옵션을 포함한다

 
    ....... 
    yAxis : [ 
     { 
     type : 'value', 
     axisLabel : { 
      formatter: '{value} °C' 
     }, 
     name: 'Y-Axis', 
     nameLocation: 'middle', 
     nameGap: 50 
     } 
    ], 
    ....... 

nameLocation : 수직으로 라벨을 배치합니다 '중간' 옵션; nameGap : 50 옵션은 axisLabel 태그로 분리를 나타냅니다.

는 결과

enter image description here

나는 당신이 나를 위해 일한 당신의 도움이 내 영어

+0

감사를 위해 도움이 미안 희망과 스크린 샷을 첨부. 문서에서 어디에서 작성했는지 알려 주시기 바랍니다. 이 노력에 감사드립니다. –

+2

샘플 갤러리에는 echarts API에 포함되어 있지 않은 구성 옵션이 있습니다. 나는 링크를 통과했다. 내가 너를 도왔 기 때문에 기쁘다. (http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all). 이 마지막 링크는 y 축 레이블이 세로로 표시된 예제 그래프에서입니다 (http://gallery.echartsjs.com/editor.html?c=xHkBm-zFYg) –

+0

유일한 것은'nameLocation = 'middle''입니다 echarts 버전 3에서만 작동합니다. 버전 2 만 suports'start | 끝 '. – Annjawn